body{
  background:           #333333;
  color:                #222222;
}

#wrapper{
  background:           #f6f6f6;
}

#header{
  background:           #ffffff;
  margin:               10px 0 0 0;
  padding:              10px 0 35px 0;
  border:               2px solid #444444;
  text-align:           center;
}

#navigation ul{
  border:               none;
  margin:               0 0 0 10px;
  padding:              0;
}

#navigation li{
  list-style-type:      none;
  margin:               0;
  padding:              0;
  float:                left;
}

#navigation a{
  position:             relative;
  top:                  -25px;
  display:              block;
  font-size:            16px;
  background:           #ffffff;
  border:               2px solid #444444;
  margin:               0 15px;
  padding:              10px 35px;
}

#navigation a:hover, #navigation .selected{
  color:                #ffffff;
  background:           #006699;
}

#content, #sidebar{
  background:           #ffffff;
  margin:               10px 0 0 0;
  border:               2px solid #444444;
  padding:              0 0 10px 0;
}

#content h1{
  background:           #006699;
  margin:               0 0 15px 0;
  padding:              5px 20px;
  color:                #ffffff;
  border-bottom:        2px solid #444444;
}

#content h2, #content h3{
  padding:              0 20px;
}

#content p{
  padding:              0 20px;
  margin:               10px 0;
}

#sidebar{
  border-top:           none;
}

.sidebar_box h3{
  background:           #006699;
  margin:               0 0 15px 0;
  padding:              5px 20px;
  color:                #ffffff;
  border-top:           2px solid #444444;
  border-bottom:        2px solid #444444;
}

.sidebar_box p{
  padding:              0 20px;
  margin:               10px 0;
}

.news_post, .builder_job{
  margin:                 20px;
  padding:                10px;
  border:                 1px solid #999999;
}

.news_post .news_heading, .builder_job .job_heading{
  background:             #eeeeee;
  border:                 1px solid #999999;
}

.job_heading{
  cursor:                 pointer;
}

.news_post h2, .builder_job h2{
  color:            #006699;
  font-size:        18px;
}

.news_post h3, .builder_job h3{
  margin-top:       2px;
  font-size:        15px !important; /* Overides the #content h3 styling above! */
  font-weight:      normal;
  float:            right;
}

.news_post h2, .news_post h3, .builder_job h2, .builder_job h3{
  display:          inline;
}


.news_heading{
  background:           #cccccc;
  border-bottom:        1px solid #006699;
}

.news_heading h3{
  text-align:           right;
}

label{
  font-size:        14px;
  margin:           0 20px;
  padding:          0;
}

input{
  font:             13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
  width:            220px;
  height:           20px;
  padding:          3px 6px;
  margin:           0px 0 8px 20px;
  border:           1px solid #666666;
}

.submit{
  font-size:        14px;
  width:            auto;
  height:           auto;
  margin:           4px 20px;
  padding:          3px 6px;
  background:       #006699;
  color:            #ffffff;
  border-color:     #006699;
}

.submit:hover{
  background:       #ffffff;
  color:            #006699; 
}

.error{
    padding: 10px 10px 10px 15px;
    width: 546px;
    background: #fbe6f2;
    color: #000000;
    border: 1px solid #d893a1;
    margin: 20px;
}

.notification{
    padding: 10px 10px 10px 15px;
    width: 546px;
    background: rgb(255, 249, 209);
    color: #000000;
    border:1px solid rgb(216, 169, 105);
    margin: 20px;
}

.sidebar_box .error{
    width:              226px;
}

.sidebar_box .notification{
    width:              226px;
}

.builder_image{
  text-align:           center;
}

.builder_image_top_right{
  float:                right;
}

.builder_image_top_right img{
  border:               1px solid #666666;
  float:                right;
  margin:               0 20px;
}

.builder_image img{
  border:               1px solid #666666;
  margin:               20px;
}

.ad-gallery{
  border:           		1px solid #999999;
	padding:							20px !important;
	margin:								20px !important;
	width:								auto !important;
}

.ad-nav{
	width:								auto !important;
	margin:								25px 5px 0 5px !important;
}

.ad-image-wrapper{
	border:								1px solid #999999;
	float:								left;
}

.ad-back{
	top:									15px !important;
}
.ad-forward{
	top:									15px !important;
}

.ad-image-description{
	display:							none;
}

.ad-controls{
  display:              none;
}

.product_information{
	width:								245px;
	float: 								right;
	text-align:						center;
}

.product_information label{
  font-weight:          bold;
}

.product_description{
  text-align:           left;
  padding:              0 !important;
  line-height:          18px;
}

.product_description p{
  margin:               0 !important;
  padding:              0 !important;
}


.price, .notes, .quantity, .location{
  margin:               10px 0 !important;
  text-align:           left;
}

.price p{
  float:                right;
  margin:               0 !important;
  padding:              0 !important;
}

.add_to_cart{
  float:                right;
  height:               auto !important;
  padding:              2px 4px !important;
  width:                auto;
}

.quantity_input, .notes_input, .location_input{
  float:                right;
}

.quantity_input{
  width:                42px;
}

.notes_input{
  width:                160px;
}

#product_list, #product_success_list{
  width:                576px;
  margin:               20px;
}

#product_list th, #product_success_list th{
  text-align:           left;
  border-bottom:        2px solid #999999;
  padding:              10px 2px;
}

#product_list td, #product_success_list td{
  padding:              10px 2px;
  border-bottom:        1px solid #999999;
}

#product_list .id_row{
  display:              none;
}

.grand_total, .grand_total_ex_gst{
  padding:              10px 0 !important;
  text-align:           center;
}

.grand_total label, .grand_total_ex_gst label{
  font-weight:          bold;
  font-size:            22px;
}

.grand_total .submit{
  margin:               0 0 0 20px;
  position:             relative;
  top:                  -4px;
}

.empty_category{
  display:              none;
}

#footer{
  background:           #333333;
  color:                #ffffff;
  padding:              15px 0;
  margin:               25px 0 0 0;
  text-align:           center;
  border-top:           2px solid #666666;
}

#footer p{
  margin:               0;
}

.center{
  text-align:           center;
}

.hidden{
  display:              none;
}


.builder_job_search label{
  margin-left:          120px;
  margin-right:         10px;
  font-size:            17px;
}

.search_results{
  display:                none;
  margin-left:          20px;
}

.builder_job_search input{
  margin-left:          0px;
}

.builder_job_search button{
  margin-left:          10px;
}