.clearboth{
    display:block;
    clear:both;
}

div#content_inner{
	font:11px "Trebuchet Ms", Arial, Helvetica;
	color:#555;
	margin:0 8px 0 10px;
	min-height:450px;	
}

* html div#content_inner{
    height:450px;
}

div#content_inner a:link, div#content_inner a:visited{
    color:#f7941d;
    text-decoration:underline;
}

div#content_inner a:hover{
    color:#555;
}

div#content_inner div#left_panel{
	float:left;
	width:573px;
}

div#content_inner div#left_panel div#txt{
	padding:25px 25px 15px 25px;	
}

div#content_inner div#left_panel h3{
	font:bold 11px "Trebuchet Ms", Arial, Helvetica, sans-serif;
	color:#555; 
	margin:0px;
	padding:0px;
}

div#content_inner div#left_panel h2{
	font:bold 13px "Trebuchet Ms", Arial, Helvetica, sans-serif;
	color:#555; 
	margin:0px 0 2px 0;
	padding:0px;
}

div#content_inner div#left_panel h2.error{
    color:#cc0000;
}

div#content_inner div#left_panel div.address{
    margin-bottom:10px;
    width:240px;
    margin-right:15px;
    float:left;
    color:#7e543b;
}

div#content_inner div#left_panel div.address h2{	
	font:bold 11px "Trebuchet Ms",Arial, Helvetica, sans-serif;
	color:#000; 
	margin:0px;
	padding:0px;
}

div#content_inner div#left_panel p{
	margin:0 0 10px 0;
	padding:0px;	
}

div#content_inner div#right_panel{
	float:left;
	width:361px;
}

div#content_inner div#right_panel h2{
	font:bold 13px "Trebuchet Ms", Arial, Helvetica, sans-serif;
	color:#555; 
	margin:0px 0 8px 0;
	padding:0px;
}

div#right_panel div#address{
	background:#ececec url(images/address_inner_bg.jpg) no-repeat 100% 0px;
	height:158px;
	width:351px;
	margin:35px 0 10px 0;
}

div#right_panel div#address h2{	
	font:bold 11px "Trebuchet Ms",Arial, Helvetica, sans-serif;
	color:#000; 
	margin:0px;
	padding:0px;
}



div#right_panel div#address  a{
	font:bold 11px "Trebuchet Ms",Arial, Helvetica, sans-serif;
}

div#right_panel div#address  a:link, div#right_panel div#address  a:visited{	
	color:#555; 
}

div#right_panel div#address a:hover{	
	color:#000; 
}

div#content_inner div#right_panel a.no_border,
div#content_inner div#right_panel a.no_border:link,
div#content_inner div#right_panel a.no_border:visited,
div#content_inner div#right_panel a.no_border:hover{
    text-decoration:none;
}

div#content_inner div#right_panel a.no_border img{
    border:none;
}


/* ---------------------------- FORM  ---------------------------- */

form{
margin:0px;
padding:0px;
font-family:"Trebuchet Ms", Arial, Helvetica, sans-serif;
}

input, textarea, select{
border:1px solid #512918;
margin-bottom:10px;
margin-top:1px;
}

input:focus, textarea:focus{
  border:1px solid #f79516;
  background-color:#fafafa;

}



input.valign_input, select.valign_input, textarea.valign_input{vertical-align:-40%;margin:5px 0px;}

select{
margin-right:10px;}

input.radio_l{
  margin-left:-20px;margin-right:5px;
}

input.radio_r{
  margin-left:15px;
  margin-right:5px;
}

label.radio_label{
  margin-right:10px;
}

input.inline_display, select.inline_display, textarea.inline_display{margin-left:7px;}



label{
  color:#333;
  font: bold 11px "Trebuchet Ms", Arial, Helvetica, sans-serif;
}

label.side_input{
  color:#333;
  font: 11px "Trebuchet Ms", Arial, Helvetica, sans-serif;
  margin-left:2px;
  margin-right:10px;
}

label.fixed_width{
   width: 130px;
   display:block;
   float:left;
   clear:both;
   padding:5px 0px;
}

label.inline_display{
  margin-left:20px;
  vertical-align:top;
}

input.submit_btn{
  font:bold 12px Arial, Helvetica, sans-serif;
  border:1px solid #555;
  color:#000;
  width:100px;
  padding:2px 0;
  margin:15px 0px;
  background-color:#ccc;
}


/* ---------------------------- MESSAGES  ---------------------------- */

div#content_inner div#left_panel .msg_alert, div#content_inner div#right_panel .msg_alert{
  color:#EF6B00;
  border-top:1px solid #555;
  border-bottom: 1px solid #555;
  border-left:2px solid #fafafa;
  padding:5px 5px 5px 25px;
  font:bold 12px "Trebuchet Ms", Arial, Helvetica, sans-serif;
  background: #fafafa url(images/error.png) no-repeat scroll 0 50%;
}

div#content_inner div#left_panel .msg_ok, div#content_inner div#right_panel .msg_ok{
  color:#33cc33;
  border-top:1px solid #555;
  border-bottom: 1px solid #555;
  border-left:2px solid #fafafa;
  padding:5px 5px 5px 25px;
  font:bold 12px "Trebuchet Ms", Arial, Helvetica, sans-serif;
  background: #fafafa url(images/accept.png) no-repeat scroll 0 50%;
}

div#content_inner div#left_panel .msg_error, div#content_inner div#right_panel .msg_error{
  color:#cc0000;
  border-top:1px solid #555;
  border-bottom: 1px solid #555;
  border-left:2px solid #fafafa;
  padding:5px 5px 5px 25px;
  font:bold 12px "Trebuchet Ms", Arial, Helvetica, sans-serif;
  background: #fafafa url(images/exclamation.png) no-repeat scroll 0 50%;
}


/* ---------------------------- LEATHER RANGES  ---------------------------- */
div#leather_ranges_applications{
    position:relative;
    width:574px;
    height:136px;
    background:transparent url(images/leather_ranges_applications.jpg) no-repeat scroll 0 0;
}

div#leather_ranges_content{
    padding:25px 7px 0 18px;
    color:#000;
}

div#content_inner div#left_panel div#leather_ranges_content p{
    padding-right:10px;
    text-align:justify;
}

div#content_inner div#leather_ranges_content h1#default{
    font:28px Arial, Helvetica, sans-serif;
    color:#959595;
    margin:0 0 15px 0;
    padding:0px;
}

div#leather_ranges_thumbs{
    margin:15px 0 15px 0px;
}

a#leather_ranges_results_id{
    display:block;
    height:0px;
    line-height:0px;
    text-indent:-3500px;
}

div.image_thumb{
    width:125px;
    height:155px;
    float:left;
    margin:0 10px 20px 0;
}


div.image_thumb a{
    display:block; 
    margin-bottom:2px;
}

div.image_thumb a img{
    border:3px solid #c5c5c5;
}

div#content_inner div.image_thumb a:link, div#content_inner div.image_thumb a:visited {
    color:#c5c5c5;
    text-decoration:none;
}

div#content_inner div.image_thumb a:hover {
    color:#c5c5c5;
    text-decoration:none;
}

div.image_thumb a.leather_range_link{
    display:inline;
}


div#content_inner div.image_thumb a.leather_range_link:link, div#content_inner div.image_thumb a.leather_range_link:visited {
    color:#000;
    text-decoration:underline;
}

div#content_inner div.image_thumb a.leather_range_link:hover {
    color:#555;
    text-decoration:underline;
}


div.image_thumb span{
   font:11px "Trebuchet Ms", Arial, Helvetica, sans-serif; 
   color:#333;
}

a#automative{
    position:absolute;
    width:100px;
    height:130px;
    top:6px;
    left:15px;
    display:block;
    text-indent:-3500px;
}

a#upholstery{
    position:absolute;
    width:100px;
    height:130px;
    top:6px;
    left:125px;
    display:block;
    text-indent:-3500px;
}
a#contract{
    position:absolute;
    width:100px;
    height:130px;
    top:6px;
    left:234px;
    display:block;
    text-indent:-3500px;
}
a#tiling{
    position:absolute;
    width:100px;
    height:130px;
    top:6px;
    left:343px;
    display:block;
    text-indent:-3500px;
}
a#other{
    position:absolute;
    width:100px;
    height:130px;
    top:6px;
    left:451px;
    display:block;
    text-indent:-3500px;
}



div#quick_leather_selector{
    margin-top:6px;
    position:relative;
    width:360px;
    height:130px;
    background:#000 url(images/quick_leather_selector_bg.jpg) no-repeat scroll 0 0;
}

div#quick_leather_selector select{
    position:absolute;
    top:65px;
    right:30px;
}


div#search_by_colour{
   margin-top:5px;
   position:relative;
   width:360px;
   height:382px;
   background:#000 url(images/search_by_colour_bg.jpg) no-repeat scroll 0 0; 
}

a#other{
    position:absolute;
    width:100px;
    height:130px;
    top:6px;
    left:451px;
    display:block;
    text-indent:-3500px;
}


a#colour_Red{
    position:absolute;
    width:75px;
    height:75px;
    top:70px;
    left:46px;
    display:block;
    text-indent:-3500px;
}
a#colour_Orange{
    position:absolute;
    width:75px;
    height:75px;
    top:70px;
    left:140px;
    display:block;
    text-indent:-3500px;
}

a#colour_Blue{
    position:absolute;
    width:75px;
    height:75px;
    top:70px;
    left:230px;
    display:block;
    text-indent:-3500px;
}

a#colour_Green{
    position:absolute;
    width:75px;
    height:75px;
    top:163px;
    left:46px;
    display:block;
    text-indent:-3500px;
}

a#colour_Beige{
    position:absolute;
    width:75px;
    height:75px;
    top:163px;
    left:140px;
    display:block;
    text-indent:-3500px;
}

a#colour_White{
    position:absolute;
    width:75px;
    height:75px;
    top:163px;
    left:230px;
    display:block;
    text-indent:-3500px;
}

a#colour_Brown{
    position:absolute;
    width:75px;
    height:75px;
    top:255px;
    left:46px;
    display:block;
    text-indent:-3500px;
}

a#colour_Black{
    position:absolute;
    width:75px;
    height:75px;
    top:255px;
    left:140px;
    display:block;
    text-indent:-3500px;
}

a#colour_Two-tone{
    position:absolute;
    width:75px;
    height:75px;
    top:255px;
    left:230px;
    display:block;
    text-indent:-3500px;
}


/* ---------------------------- LEATHER RANGES DETAILS ---------------------------- */
div#content_inner a#leather_range_img, 
div#content_inner a#leather_range_img:link,
div#content_inner a#leather_range_img:visited,
div#content_inner a#leather_range_img:hover{
    display:block;
    text-decoration:none;
    margin-top:5px;
}

div#content_inner a#leather_range_img img{
    border:none;
}

div#leather_ranges_detail_content{
    padding:25px 15px 25px 25px;
    color:#000;
    font:12px "Trebuchet Ms", Arial, Helvetica;
    text-align:justify;
}

div#leather_ranges_detail_content div#leather_ranges_thumbs{
    margin-bottom:25px;
}

div#leather_ranges_thumbs div.image_thumb_small{
    width:70px;
    height:70px;
    float:left;
    margin:0 18px 28px 0;
}

div#leather_ranges_thumbs div.image_thumb_small a{
    text-decoration:none;
}

div#leather_ranges_thumbs div.image_thumb_small a img{
    border:none;
}


div#content_inner div#leather_ranges_detail_content h2{
    font:28px Arial, Helvetica, sans-serif;
    color:#959595;
    margin:0 0 15px 0;
    padding:0px;
}

div#content_inner div#left_panel p#other_links{
    margin:55px 0 0 0;
    padding:0px;
}

div#content_inner div#left_panel p#other_links a:link, 
div#content_inner div#left_panel p#other_links a:visited{
    text-decoration:none;
    color:#000;
    font:bold 12px "Trebuchet Ms", Arial, Helvetica;
}

div#content_inner div#left_panel p#other_links a:hover{
    text-decoration:none;
    color:#959595;
    font:bold 12px "Trebuchet Ms", Arial, Helvetica;
}