
/*** Print Settings ********************************************************************************************************************************/
@media print
{

/*** Device ********************************************************************************************************************************/

.desktop 
{
    display:block !important;
    visibility:visible !important;
}

.mobile 
{
   display:none !important;
   visibility:hidden !important; 
}

.desktop_table_cell
{
    display:table-cell !important;
    visibility:visible !important;
}

.mobile_table_cell 
{
   display:none !important;
   visibility:hidden !important; 
}


/*** Core tags ********************************************************************************************************************************/

body {
	margin:0;
    padding:0;
    background-color:#ffffff; 
    color:#333333;
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
}
hr {
	border-top:#666666 1px dotted;
	border-left:none;
	border-right:none;
	border-bottom:none;
}
h1 
{
	font-size:28px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	color:#666666;
	margin-bottom:25px;
}
h2 {
	font-size:24px;
	color:#666666;
	font-weight:normal;
	padding:0px;
	margin:15px 0px 20px 0px;
}
h3 {
	font-size:20px;
	color:#0099aa;
	font-weight:normal;
	padding:0px;
	margin:10px 0px 10px 0px;
}
h4 {
	font-size:18px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	color:#0099aa;
}
h5 {
	font-size:16px;
	font-weight:normal;
	color:#666666;
	padding:2px 0px 2px 0px;
	margin:0px;
}
h6 {
	font-size:14px;
	font-weight:bold;
	color:#666666;
	padding:2px 0px 2px 0px;
	margin:0px;
}
p, td, th {
	font-size:16px;
	line-height:26px;
	margin:25px 0;
	color:#333333;
}
ul {
    margin:0;
    padding:0;
}
li {
	font-size:14px;
	line-height:24px;
	list-style-type:none;
}

input
{
    font-family:Arial, Helvetica, sans-serif;
}

td.centered, th.centered {
    text-align:center;
}
a {
	color:#666666;
}
a:hover {
	color:#0099aa;
}

a img 
{
    border:none;
}

.nopad 
{
    margin:0;
    padding:0;
}

.clear
{
    clear:both;
}



/*** Header ********************************************************************************************************************************/

#header 
{
}

#header .header_navigation
{
   display:none !important;
   visibility:hidden !important; 
   
    width:100%; 
    height:39px;
    padding:0;        
    border-bottom:solid 1px #0088aa;
    background-color:#0099aa;
}

#header .navigation_toggle
{
    display:none;
    background-image:none;
}

#header #navigation
{
    display:block;
}

#header .header_navigation ul
{
    margin:0;
    padding:0;
}

#header .header_navigation ul li
{
    list-style-type:none;
    float:left;
    margin:2px 0px 0px 0px;	    
    color:#ffffff;
    font-size:12px;
    line-height:15px;
}

#header .header_navigation ul li a
{
    padding:10px;
	display: inline-block;
    text-decoration:none;
    color: #ffffff;
}
#header .header_navigation ul li a:hover
{
    background-color:#0ab1b1;
    color: #ffffff;
}

#header .header_navigation ul li.home_icon
{
    background-image:url(/images/home.png);
    background-repeat:no-repeat;
    width:17px;
    height:15px;
    margin:12px 12px 0 0;
}
#header .header_navigation ul li.home_icon a {
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 15px;
    padding: 0 0 0 17px;
}
#header .header_navigation ul li.home_icon a:hover {
    background-color:transparent;
}

#header .header_navigation ul.login
{
    float:right;
    text-align:right;
    margin:0;
    padding:0;
}

#header .header_navigation ul.login li
{
    margin:2px 0px 0px 0px;
}

#header .header_navigation ul.login li a
{
    text-decoration:underline;
}

#header .header_navigation ul.login li.text_only
{
    padding: 10px 15px 0 0;
}

#header .header_branding
{
    width:1000px;
    height:45px;
    margin: 0 auto; 
    padding:20px 0 27px 0px;              
    background-color:#ffffff; 
}

#header .header_branding .header_branding_logo
{
    width:650px;
    float:left;
}

#header .header_branding .header_branding_contact
{
    width:350px;
    float:right;
    text-align:right;
}

#header .header_branding .header_branding_contact p
{
    font-size:24px;
    line-height:40px;
    color:#999999;
    margin-top:7px;
}

#header p.logo
{
    color:#0099aa;
    font-family:"Signika Negative";
    font-size:40px;
    line-height:40px;
    margin:0;
    padding:0;
    vertical-align:middle;
}

#header p.logo span
{
    font-family:Monofett;
    font-size:48px;
    padding-right:8px; 
}

#header p.logo a, #header p.logo a:hover
{
    color:#0099aa;
    font-family:"Signika Negative";
    font-size:40px;
    line-height:40px;
    margin:0;
    padding:0;
    text-decoration:none;
}



/*** Footer ********************************************************************************************************************************/

#footer 
{
   display:none !important;
   visibility:hidden !important; 
   
    width:100%;
    min-height:100px;
    margin: 20px auto 0 auto;
    padding:20px 0;
    border-top:solid 4px #333333;
    border-bottom:solid 2px #444444;
    background-color:#666666;
}

#footer .footer_links
{
    width:300px;
    float:left;
    padding-bottom:50px;
    margin-right:30px;
}
#footer .footer_links h3, #footer .footer_links p
{
    color: #ffffff;
}

#footer .footer_links ul li
{
    color: #ffffff;
    padding-left: 10px;
}

#footer .footer_links ul li a
{
    color: #ffffff;
    text-decoration:none;
}

#subfooter 
{
   display:none !important;
   visibility:hidden !important; 
   
    width:100%;
    margin: 0 auto;
    padding:20px 0;
    background-color:#333333;
}

#subfooter .footer_copyright
{
    width:400px;
    float:left;
    text-align:right;
}

#subfooter .footer_copyright p
{
    margin:0;
    padding:0;
    color:#ffffff;
    font-size:12px;
}

#subfooter .footer_sublinks 
{
    width:600px;
    float:left;
}
     
#subfooter .footer_sublinks ul
{
    margin:0;
    padding:0;
}

#subfooter .footer_sublinks ul li
{
    list-style-type:none;
    float:left;
    margin:0px 20px 0px 0px;	    
    color:#ffffff;
    font-size:12px;
    line-height:15px;
}

#subfooter .footer_sublinks ul li a
{
    color:#ffffff;
}



/*** Search Box ********************************************************************************************************************************/
   
.search_area 
{
    width:100%; 
    height:200px;
    border-top:solid 1px #dadada;
    border-bottom:solid 2px #eaeaea;
    background-color:#eeeeee;    
    background-position:center;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.bg_1 
{
    background-image: url(/images/homepage-photo-1m.jpg);
}

.search_box 
{
    width:950px;
    margin:36px auto;
    padding:15px 20px 40px 30px; 
    border: solid 1px #0088aa;
    border-radius:8px;    
    background: rgb(0, 153, 170); 
    background: rgba(0, 153, 170, .5);
    color:#ffffff;
    font-size:30px;
    font-weight:bold;
}

.search_box p
{
    margin:0;
    padding:0 0 0 9px;
    color:#ffffff;
    font-size:30px;
    font-weight:bold;
}

.search_box input.search_input
{
    width:340px;
    height:25px;
    margin:0 10px;
    padding:10px;
    border:solid 1px #0088aa;
    color:#333333;
    font-size:24px;
    line-height:25px;
}

.search_box input.search_button
{
    width:120px;
    height:47px;
    margin:0 0 0 30px;
    font-size:24px;
    line-height:25px;
}

.search_box span
{
    margin-right:8px;
}


/*** Rad Search Box ***/
div.RadSearchBox 
{
    width:340px !important;
}
span.rsbInner
{
    margin:0 !important;
    padding:0 !important;
    border:none !important;
    background:none !important;
}
input.rsbInput  
{
    width:340px !important;
    height:25px !important;
    margin:0 !important;
    padding:10px !important;
    border:solid 1px #0088aa !important;
    background-color:#ffffff !important;
    color:#333333;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:24px !important;
    font-style:normal !important;
    line-height:25px !important;
}
input.rsbEmptyMessage 
{
    color:#cccccc !important;
}
div.rsbSlide
{
}
div.rsbPopup 
{
    width:362px !important;
    max-height:200px;
    border-color:#0088aa !important;
}
ul.rsbList
{
    max-height:170px;
}
ul.rsbList li
{
    font-family:"Open Sans", Arial, Helvetica, sans-serif !important;
    font-size:16px !important;  
    line-height:25px !important;
}



/*** Content ********************************************************************************************************************************/

#maincontent 
{
    width:100%;
    min-height:300px;
}

.content_wrapper
{
    width:1000px; 
    margin:0 auto;
}
     
.area 
{
    width:100%;
    min-height:200px;
    margin: 0 auto;
    padding:25px 0;
    background-color:#ffffff;  
}
.light 
{
    background-color:#eeeeee;  
}

.dark 
{
    background-color:#dddddd;  
}


.column 
{
    width:300px;
    float:left;
    margin-right:33px;
}
.column_end
{
    width:334px;
    float:left;
}

.featured_position
{
    margin:15px 0;
    padding:20px 30px;
    border:solid 2px #cccccc; 
    border-radius:7px;
    min-height:250px;
    text-align:center;
}

p.featured_position_image 
{
    position:relative;
}

p.featured_position_image img
{
    position:relative;
    min-width:233px;
    border:dotted 1px #666666 !important;
    padding:10px;
    z-index:2;
}

p.featured_position_image span
{
    position:absolute;
    top:60px;
    left:20px;
    text-align:center;
    width:233px;
    color:#caeaea;
    z-index:1;
    font-size:26px;
    line-height:32px;
    text-shadow: 2px 2px #eeeeee;
}

.info_banner 
{
    width:210px;
    height:180px;
    background-color:#ffffff;
    border: solid 2px #999999;
    float:left;
    margin-top:15px;
    margin-right:50px;
    border-radius:8px;
    padding:20px 10px;
}

.info_banner p
{
    color:#0099cc;
    font-size:30px;
    line-height:40px;
    font-weight:bold;
    text-align:center;
    text-shadow: 2px 2px #cccccc;
}

.info_content
{
    width:700px;
    float:left;
}

.info_content h2
{
    text-align:left;
}

input.action_button
{
    width:300px;
    height:45px;
    margin:22px 20px 10px 0;
    font-size:24px;
    line-height:25px;
    background-color:#a6f4ff;
    border:solid 1px #26a0da;
}

.content_main 
{
	width:660px;
	float:left;
	padding-right:20px;
}

.content_sub 
{
	width:300px;
	float:left;
	padding-left:20px;	
}

.line 
{
    width:100%;
    height:5px;
    margin: 0 auto;
    padding:0;
    background-color:#cccccc;  
}

.page 
{
    width:100%;
    min-height:350px;
    border-top: solid 5px #cccccc;
    padding:20px 0 80px 0;
}

.content_sub_box
{
    margin:10px 0 20px 0;
    padding:10px 30px 30px 30px;
    border:solid 2px #cccccc; 
    border-radius:7px;
    /*min-height:250px;*/
    background-color:#f8f8f8;
}
.content_sub_box p 
{
    margin:10px 0;
}

.sub_top_spacer 
{
    margin-top: 60px;
}

.sub_form_spacer 
{
    margin-top: 180px;
}

ul.categories
{
}
ul.categories li 
{
}
ul.categories li:before
{
    content: "\00BB \0020";
    color:#0099aa;
}

.functionbuttons
{
    display:none;
    visibility:hidden;
}
.functionbuttons p
{
}

/*************** FORMS, MESSAGES and BUTTONS ***************/

.form 
{
    padding:0px;
    margin-top:30px;
}

.form h2 {
	border-bottom:dotted 1px #999999;
	padding: 0px 0px 8px 0px;
	margin:50px 0px 25px 0px;
}

.form h3 {
	border-bottom:dotted 1px #999999;
	padding: 0px 0px 5px 0px;
	margin:50px 0px 10px 0px;
}

.form p {
    margin-top:25px; 
}

.form p.instructions {
    margin-top:30px;
    margin-bottom:30px;
}

.form p.editor 
{
    margin-left:200px;
}

.form label { 
    float: left; 
    width: 150px; 
    margin-right: 10px;
    /*text-align: right;*/
    font-weight: normal;
    color: #333333;
    clear: left;
    padding-top:3px;
}

.form label.required {
    font-weight: normal; 
    color: #333333;
}

.form label.required:after {
    content: " *";
}

.form label.info {
    padding-top:0px;    
}

.form p.input_desc 
{
    margin-left:200px;
    color:#0099aa;
    margin-top:0px;
    padding-top:0px;    
}
.form .input_desc 
{
    margin-left:10px;
    color:#0099aa;
}
.form .labelless
{
    margin-left:160px; 
}

.form .options {
    margin-left:160px;
}

.form .photo_panel {
    margin-left:160px;
}

.form .options label { 
    float: none; 
    margin-right: 0px;
    color: #333333;
    font-weight: normal;
    clear: none;
    margin-left: 5px;
}

.form .checkbox, p.checkbox {
}

.form .checkbox label, p.checkbox label { 
    float: none; 
    margin-right: 0px;
    color: #333333;
    font-weight: normal;
    clear: none;
    margin-left: 5px;
}

.form .optionslist {
    margin-left: 0px;
    margin-bottom: 20px;
}

.form .optionslist label { 
    float: none; 
    margin-right: 20px;
    font-family:"Open Sans", Helvetica, Arial, sans-serif;
    color: #333333;
    font-weight: normal;
    clear: none;
    margin-left: 5px;
}

.form .optionslist table 
{
    width: 650px;
}

.form .photoupload
{
    float:left;
    width:235px;
    margin-right:15px;    
    margin-bottom:10px;
    min-height:265px;
}

.form input.textbox, .form input.textbox_required, .form input.textbox_error, .form textarea, .form select {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#808080;
	line-height: normal;
	width: 300px;
	padding: 5px 8px;
    border: 2px solid #cccccc;
    border-radius:4px;
}

.form select 
{
    padding:5px;
}

.form textarea
{
    width: 400px;
}

.form input.textbox_required, .form select.select_required, .form textarea.textbox_required {

}

.form input.textbox_error, .form select.select_error, .form textarea.textbox_error {
    border: 2px solid #ff9900;
}

.form input.button, input.button, .form input.large_button, input.large_button {
    border: none;
    padding: 0px;
    background-color: #0099aa;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: bold 16px/36px Arial;
    height: 38px;
    width: 150px;
    margin-top:10px;
    border-radius:5px;
    margin-right:10px;
    border: solid 2px #669999;
}
.form input.large_button, input.large_button 
{
    font: bold 18px/36px Arial;
    height: 38px;
    width: 220px;
    margin-top:10px;
}
.form input.small_button, input.small_button {
    border: solid 1px #666666;
    padding: 0px;
    background-color:#0099aa;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: bold 12px/18px Arial;
    height: 20px;
    width: 70px;
    border-radius:3px;
    margin:10px 10px 0px 0px;
}

.form input.warning, input.warning, .warning
{
    background: #f64747;
    border: solid 2px #996666;
}

.form input.secondary, input.secondary, .secondary
{
    background-color: #aaaaaa;
    border: solid 2px #999999;
}

.form .buttons 
{
    padding-left:160px;
    margin-top:10px;
    padding-top: 0px;
    padding-bottom: 20px;
}

.form div.RadPicker
{
    display:inline-block;
}

.validation {
    color: #ff8800;
    font-size: 12px;
}

p.characterlimit 
{
    color:#999999;
    padding-left:160px;
    padding-top:0px;
    margin-top:-10px;
}

.charsremaining {
    /*color: #ff8800;*/
}

.errormessage, .errormessage p 
{
    color: #ff8800;
    margin-bottom: 20px;
}
.errormessage ul {
	padding: 0px 10px 0px 10px;
	margin: 0px 10px 0px 10px;
}
.errormessage li {
	font-size:14px;
	list-style-type: disc;
	float: none;
	margin-right:10px;
	padding-right:10px;
	border-right:0px;
}

.errormessage_reduced, .errormessage_reduced p 
{
    color: #ff9900;
    margin-bottom:5px;
}
.errormessage_reduced ul {
	padding: 0px 10px 0px 10px;
	margin: 0px 10px 0px 10px;
}
.errormessage_reduced li {
	font-size:12px;
	list-style-type: disc;
	float: none;
	margin-right:10px;
	padding-right:10px;
	border-right:0px;
}


.successmessage 
{
    border: solid 1px #8bb8bb; 
    border-radius: 7px; 
    background: #e8feff url('/__crm/images/tick.png') no-repeat 22px 15px; 
    padding: 16px 30px; 
    margin: 20px 0px 20px 0px; 
    color: #333333;
}
.successmessage p  
{
    margin: 0;
    padding: 0 0 0 32px;
}

a.button, a.large_button, a.large_back_button, a.auto_button {
    border: none;
    padding: 0px;
    background-color: #0099aa;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: bold 16px/36px Arial;
    height: 38px;
    width: 150px;
    margin-top:10px;
    border-radius:5px;
    margin-right:10px;
    border: solid 2px #669999;
    text-decoration:none;
    text-align:center;
}
a.large_button, a.large_back_button {
    font: bold 18px/36px Arial;
    height: 38px;
    width: 280px;
    margin-top:10px;
}
a.large_back_button 
{
    background-color:#ff9900;   
    border-color:#cc9999;
}
a.auto_button {
    width:auto;
}
a.auto_button:hover
{
    background-color:#8bb8bb;
}

a.back {
    border: solid 1px #999999;
    padding: 0px 10px 0px 10px;
    background-color:#ff9900;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: bold 15px/29px Arial;
    height: 29px;
    border-radius:5px;
    margin:0px;
    text-align:center;
    text-decoration:none;
}
a.back:hover
{
    background-color:#ffaa00;
}


/*************** CHECKBOX LIST ***************/

.checkboxlist 
{
    width:100%;
}
.checkboxlist p 
{
    margin: 0px;
    padding: 2px;
    float:left;
    width:329px;
    font-size:12px;
}
.checkboxlist p input
{
    vertical-align:text-top;
}
.checkboxlist p label
{
    padding-left:5px;    
    float: none; 
    clear: none;
}
.checkboxlist .notselected, .checkboxlist .selected
{
    display:inline-block;
    padding:2px 2px 2px 2px;
    width:324px;
}
.checkboxlist .notselected
{
    background-color: #eeeeee;
}
.checkboxlist .selected
{
    background-color: #abd1da;
}

/*************** PHOTO UPLOAD PANEL ***************/

.RadUpload .RadUpload_Default
{
    max-width:90px;
}
.RadUpload .ruFileWrap 
{
    max-width:90px;
}
.RadUpload input.ruFakeInput
{
    display: none;
}
.RadUpload input.ruBrowse
{
    border: solid 1px #666666;
    padding: 0px;
    background: #0099aa no-repeat top left;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: bold 12px/20px Arial;
    height: 20px;
    width: 70px;
    border-radius:3px;
    margin-right:10px;
} 
.RadUpload input.ruRemove, .ruButton
{
    margin-left:10px;
    border: solid 1px #666666;
    padding: 0px;
    background: #0099aa no-repeat top left;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: bold 12px/20px Arial;
    height: 20px;
    width: 70px;
    border-radius:3px;
    margin-right:10px;
} 
.ruButton 
{
    margin-left:5px;
    float:right;
}
.RadUpload span.ruFileWrap input.ruButtonHover
{
   
}
.RadUpload input.ruButton
{
    
}

.photo-upload-placeholder
{
    margin-bottom:5px;
    border: solid 1px #aaaaaa;
    background-color:#efefef;
    padding:5px;
}
.photo-file-invalid 
{
    margin-bottom:5px;
    font-size:11px;
    color:#ff0000;
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
}
.photo-delete 
{
    margin-bottom:5px;
}
.photo-delete label
{
    float: none; 
    margin-right: 0px;
    margin-left: 5px;
    color: #666666;
    font-weight: normal;
    clear: none;
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    font-size:12px;
}

/*************** ADDRESS LABEL ***************/

.address_label 
{
    width:500px;
    margin:20px 20px 20px 100px;
}
.address_label p
{
    font-size:20px;
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    color:#000000;
    line-height:30px;
}
.address_label p.orderid
{
    font-size:10px;
    font-weight:normal;
    text-align:right;
}


/*************** PAGING ***************/

.paging 
{
    margin-top:20px;
    margin-bottom:20px;
}

.paging_recordcount 
{
    font-weight:normal;
    font-size:16px;
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    margin-right:20px;
}
.paging_statistics
{
    float:right;
    font-weight:normal;
    font-size:16px;
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    margin-left:20px;
    clear:right;
}
.paging_fplink 
{
    font-size:14px;
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    text-decoration:none;
    margin-right:2px;
    padding:3px 8px 3px 8px;
    border:solid 1px #AAAAAA;
    width:100px;
    line-height:30px;
}
.paging_pplink 
{
    font-size:14px;
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    text-decoration:none;
    margin-right:2px;
    padding:3px 8px 3px 8px;
    border:solid 1px #AAAAAA;
    width:100px;
    line-height:30px;
}
.paging_plink 
{
    font-size:14px;
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    text-decoration:none;
    margin-right:2px;
    padding:3px 8px 3px 8px;
    border:solid 1px #AAAAAA;
    width:100px;
    line-height:30px;
}
.paging_cplink 
{
    font-size:14px;
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    text-decoration:none;
    margin-right:2px;
    padding:3px 8px 3px 8px;
    font-weight:bold;
    background-color:#0099aa;
    color:#ffffff;
    border:solid 1px #AAAAAA;
    width:100px;
    line-height:30px;
}
.paging_nplink 
{
    font-size:14px;
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    text-decoration:none;
    margin-right:2px;
    padding:3px 8px 3px 8px;
    border:solid 1px #AAAAAA;
    width:100px;
    line-height:30px;
}
.paging_lplink 
{
    font-size:14px;
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    text-decoration:none;
    margin-right:2px;
    padding:3px 8px 3px 8px;
    border:solid 1px #AAAAAA;
    width:100px;
    line-height:30px;
}


/*************** COOKIE MESSAGE ***************/

.cookiemessage 
{
    background: rgb(0, 153, 170); 
    background: rgba(0, 153, 170, .9);
    border-top:solid 1px #ffffff;
    margin:0px;
    padding:5px 0px 5px 0px;
    width:100%;
    position: fixed;
    bottom:0;
    z-index:9999;
}
.cookiemessage .cookiemessage_container
{
    margin:0 auto;
    width:1000px;
}
.cookiemessage p.title 
{
    float:left;
    width:200px;
    font-size:20px;
    font-weight:bold;
    margin-right:20px;
    color:#ffffff;
}
.cookiemessage p.message 
{
    float:left;
    width:600px;
    font-size:14px;
    margin-right:20px;
    color:#ffffff;
}
.cookiemessage .buttons 
{
    float:left;
    width:150px;
    font-size:12px;
    margin-top:20px;
    color:#ffffff;
}
.cookiemessage .buttons p
{
    text-align:center;
    font-size:12px;
    color:#ffffff;
    margin:10px 0;
    padding:0px;
}
.cookiemessage .buttons p a
{
    color:#eeeeee;
}
.cookiemessage input.button 
{
    padding:0px;
    margin:5px 0 0 0;
    font-size:14px;
    line-height:30px;
    width:120px;
    height:31px;
    color:#ffffff;
    border:dotted 1px #ffffff;
    background-color:#999999;
}



/*************** SEARCH RESULTS ***************/

.search_results 
{
    margin-bottom:50px;
}

.search_details h1 
{
    float:left;
    width:850px;
    margin:0;
    padding:0;
}
.search_details p
{
    float:right;
    width:150px;
    margin:8px 0;
    padding:0;
    text-align:right;
}

.listing_result 
{
    border: solid 3px #cccccc;
    padding: 15px 25px 20px 25px;
    margin-bottom: 25px;
    border-radius: 7px;
    min-height:100px;
}

.listing_result .listing_result_header 
{
    min-height:20px; 
    padding-bottom:20px;   
}

.listing_result .listing_result_header h4 
{
    float:left;
    margin:0;
    padding:0;  
    font-size:24px;
    color:#0099aa;  
}
.listing_result .listing_result_header h4 a
{
    font-size:24px;
    color:#0099aa;  
    text-decoration:none;
}
.listing_result .listing_result_header h4 a:hover
{
    text-decoration:underline;
}
.listing_result .listing_result_header p
{
    float:right;
    margin:0;
    padding:0;
    font-size:20px;
    color:#0099aa;
}
.listing_result .listing_result_header p span
{
    color:#ff6600;
    padding-left:8px;
}
.listing_result .listing_result_header p a
{
    font-size:20px !important;
    color:#ff6600 !important;
    text-decoration:none !important;
}

.listing_result .listing_result_summary
{
    clear:both;
    margin:0;
    padding:20px 0;  
    font-size:14px;
    line-height:26px;
    border-top: dotted 2px #cccccc;
}

.listing_result .listing_result_photo
{
    float:left;
    margin:0 20px 20px 0;
    padding:3px;
    border:dotted 1px #666666 !important;
}

.listing_result .listing_result_footer
{
    clear:both;
    border-top:dotted 2px #cccccc;
    padding:15px 0 0 0;
}
.listing_result .listing_result_footer ul
{
}
.listing_result .listing_result_footer ul li
{
    list-style-type:none;
    float:left;
    margin:0 40px 0 0;
    color:#ffffff;
    font-size:14px;
    line-height:20px;   
}
.listing_result .listing_result_footer ul li a
{
    color:#0099aa;
    text-decoration:none;
}
.listing_result .listing_result_footer ul li a:hover
{
    color:#0099aa;
    text-decoration:underline;
}



/*************** PANELS ***************/

.account_status 
{
    width:936px;
    min-height:100px;
    padding:20px 30px;
    background-color:#eaeaea;
    margin-bottom:25px;
    border-radius:7px;
    border:solid 2px #cccccc; 
}
.account_status h2
{
    color:#0099aa;
    padding:0;
    margin:0 0 10px 0;
}
.account_status p
{
    padding:0;
    margin:2px 0;
}
.account_status p label
{
    float: left; 
    width: 120px; 
    margin-right: 10px;
    font-weight: normal;
    color: #333333;
    clear: left;
}

.account_status p span.active
{
    color:#56ae46;
    font-size:larger;
    font-weight:bold;
}
.account_status p span.inactive
{
    color:#ff6600;
    font-size:larger;
    font-weight:bold;
}
.account_status p input.large_button
{
    width:280px;
}

.account_status_details
{
    float:left;
    width:590px;
}
.account_status_details_last
{
    float:left;
    width:325px;
    border-left:dotted 1px #666666;
    padding-left:20px;
}

.menu_panels 
{
}

.menu_panel 
{
    position:relative;
    width:246px;
    min-height:250px;
    float:left;
    padding:20px 30px;
    background-color:#eaeaea;
    margin-right:35px;
    margin-bottom:35px;
    text-align:center;
    border-radius:7px;
    border:solid 2px #cccccc; 
}
.clickable:hover
{
    background-color:#caeaea;
    cursor:pointer;
}
.last_panel
{
    margin-right:0px;
}
.menu_panel h2
{
    color:#0099aa;
    padding:0;
    margin:0;
}
.menu_panel p
{
    font-size:15px;
    padding:0;
    margin:0;
}
.menu_panel p.menu_icon 
{
    margin:0 auto 12px auto;
    padding:0;
    text-align:center;
    border:solid 1px #0099aa;
    border-radius:999px;
    width:39px;
    height:39px;
    background-color:#ffffff;
}
.menu_panel p.menu_icon img
{
    margin-top:9px;
}
.menu_panel .menu_panel_footer
{
    position:absolute;
    width:256px;
    bottom:0px;
    margin-bottom:25px;
    text-align:center;
}
.menu_panel a.menu_button
{
    width:180px;
    border: solid 1px #336666;
    padding: 0px 10px 0px 10px;
    background-color:#0099aa;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: bold 15px/34px Arial;
    height: 34px;
    border-radius:5px;
    margin:0px;
    text-align:center;
    text-decoration:none;
}
.menu_panel a.menu_button:hover
{
    background-color:#0099aa;
}

table.menu_list
{
    margin:0 auto;
    border:none;
    width:190px;
}
table.menu_list td
{
    font-size:14px;
    text-align:left;
}
table.menu_list td.menu_list_label
{
    width:60%;
    text-align:left;
}
table.menu_list td.menu_list_data
{
    width:40%;
    text-align:right;
}

/*************** TABULAR LISTS ***************/

table.list
{
    border:none;
    width:100%;
}
table.list tr.toprow 
{
    background-color:#d8dddc;
    color:#333333;
    padding:2px 5px 2px 5px;
}
table.list tr.toprow th 
{
    padding:6px 8px 6px 8px;
    color:#333333;
    text-align:left;
}
table.list tr.content td 
{
    border-bottom:1px dotted #AAAAAA;
    padding:10px 10px 10px 10px;
}
table.list tr.content:hover
{
    background-color:#deeeee;
}

table.list tr.highlight
{
    background-color:#ffffcc;
}

table.list tr.divide td 
{
    border-bottom:2px solid #CCCCCC;
    padding:0;
}
table.list tr.subtotal td 
{
    border-bottom:1px dotted #AAAAAA;
    padding:10px 10px 10px 10px;
}
table.list tr.subtotal:hover
{
    background-color:#deeeee;
}
table.list tr.total td 
{
    border-bottom:1px dotted #AAAAAA;
    padding:12px 10px 12px 10px;
    font-weight:bold;
    font-size:20px;
}
table.list tr.total:hover
{
    background-color:#deeeee;
}

table.list td.figures, table.list th.figures 
{
    text-align:right !important;
    padding-right:20px !important;
}

p.norecords 
{
    font-size:18px;
    color:#ff6600;
    font-weight:normal;
    padding: 20px 0px 20px 0px;
    border-top:dotted 1px #aaaaaa;
    border-bottom:dotted 1px #aaaaaa;
    margin:10px 0;
}

/*************** INVOICE ***************/

.invoice 
{
    margin:0 0 30px 0;
}
.invoice .invoice_address 
{
    float:left;
    width:660px;
    margin-right:40px;
}
.invoice .invoice_details
{
    float:left;
    width:300px;
}
.invoice .invoice_details p
{
    margin:5px 0;
    padding:2px 0;
    text-align:right;
    font-weight:bold;    
}
.invoice .invoice_details label
{
    float: left; 
    width: 150px; 
    margin-right: 10px;
    text-align: left;
    font-weight: normal;
    clear: left;
}
.invoice .invoice_items
{
    margin:30px 0 40px 0;
}
.invoice .invoice_items h2
{
    margin-bottom:15px;
}
.invoice .invoice_buttons
{
   display:none !important;
   visibility:hidden !important; 
   
    float:left;
}
.invoice .payment_button
{
   display:none !important;
   visibility:hidden !important; 
   
    text-align:right;
}


/*************** STATUSES and COLOURS ***************/

.pending, .hidden, .pending_approval, .pending_completion, .pending_subscription
{
    color:#ff9900;
}
.active, .live, .paid
{
    color:#009900;
}
.inactive, .archived, .unspecified, .expired, .rejected, .cancelled
{
    color:#ff0000;
}
.available, .checking
{
    background-color:#009900;
    padding:6px 10px;
    color:#ffffff;
}
.taken
{
    background-color:#cc0000;
    padding:5px 10px;
    color:#ffffff;
}


/*************** BROWSE CATEGORIES PAGE ***************/

ul.categories_letters
{
}
ul.categories_letters li
{
    list-style-type:none;
    float:left;
    margin:0 4px 4px 0;  
    font-size:18px;
    line-height:22px;
}
ul.categories_letters li a
{
    min-width:10px;
    display:inline-block;
    text-align:center;
    padding:0 5px;
    border:solid 1px #0099aa;
    color:#ffffff;
    background-color:#0099aa;
    text-decoration:none;
}
ul.categories_letters li a:hover
{
    background-color:#0ab1b1;
}
ul.categories_letters li a.unavailable
{
    border:solid 1px #cccccc;
    background-color:#cccccc;
}

.category_group
{
    margin-bottom:40px;
}
.category_group h3
{
    margin:20px 0 10px 0;
    padding:2px 2px 2px 10px;
    width:100%;
    text-align:left;
    background-color:#eeeeee;
}
.category_group .top
{
    float:right;
    margin:-35px 0 0 0;
    font-size:12px;
}
.category_group ul
{
}
.category_group ul li
{
    margin: 0 29px 6px 0;
    padding: 2px;
    float:left;
    width:300px;
    font-size:16px;
    line-height:24px;
}
.category_group ul li:before
{
    content: "\00BB \0020";
    color:#0099aa;
}
.category_group ul li a
{
}

/*************** LISTING ***************/

.listing
{
}
.listing hr
{
    clear:both;
}
.listing .listing_heading
{
    float:left;
}
.listing .listing_social
{
    float:right;
}
.listing .listing_contact
{
    float:left;
    width:450px;
    margin-right:30px;
    margin-bottom:20px;
}
.listing .listing_contact ul
{
}
.listing .listing_contact ul li
{
    font-size:16px;
    line-height:28px;
}
.listing .listing_contact ul li label
{
    float:left;
    width:80px;
    clear:left;
}
.listing .listing_map
{
    float:left;
    width:286px;
    margin-right:20px;
    margin-bottom:20px;
    font-size:12px;
    line-height:35px;
}
.listing .listing_map img
{
    padding:3px;
    border:dotted 1px #666666 !important;
}
.listing .listing_address
{
    float:left;
    width:214px;
    margin-top:55px;
    line-height:28px;
}
.listing .listing_content
{
    margin:30px 0 60px 0;
    line-height:28px;    
}

.listing fieldset
{
    border: solid 1px #cccccc; 
    padding: 25px 30px 30px 30px;
    margin-bottom: 30px;
}
.listing fieldset legend 
{
	font-size:20px;
	color:#0099aa;
	font-weight:normal;
    margin:0;
    padding:0 15px;
}
.listing fieldset p
{
    margin-top:5px;
}
.listing .listing_categories
{    
}
.listing .listing_categories ul
{
}
.listing .listing_categories ul li
{
    margin: 0 10px 0 0;
    padding: 2px;
    float:left;
    width:450px;
    font-size:16px;
    line-height:28px;
}
.listing .listing_categories ul li:before
{
    content: "\00BB \0020";
    color:#0099aa;
}
.listing .listing_gallery
{
    margin:20px 0 10px 0;
}
.listing .listing_gallery .listing_photos
{
    width:785px;
    margin:0 auto;
}
.listing .listing_gallery .listing_photoholder
{
    float:left;
    margin:10px;
    padding:3px;
    border:dotted 1px #666666;
}

p.small_print
{
    font-size:12px;
    line-height:22px;
}

/*************** SUBSCRIPTIONS ***************/

.subscriptions
{
}

.subscriptions .subscription
{
    position:relative;
    float:left;
    width:235px;
    margin:0 30px 30px 0;
    border:solid 2px #cccccc;
    background-color:#eaeaea;
    border-radius:7px;
    padding:10px 30px 20px 30px;
    min-height:225px;
}
.subscriptions .subscription:hover
{
    background-color:#caeaea;
    cursor:pointer;
}
.subscriptions .highlight
{
    background-color:#caeaea;
}
.subscriptions .subscription p.radio
{
    float:left;
    width:30px;
    margin:25px 0 0 0;
    padding:0;
}
.subscriptions .subscription h2
{
    float:left;
    color:#0099aa;
    margin-bottom:0;
    padding-bottom:0;
    font-size:22px;
}
.subscriptions .subscription p.duration
{
    clear:both;
    font-size:14px;
    margin:0 0 0 30px;
    padding:0;
}
.subscriptions .subscription p.description
{
    margin:20px 10px;
}
.subscriptions .subscription p.price
{
    position:absolute;
    bottom:0;
    margin:30px 10px;
    font-size:28px;
    color:#ff6600;
}
.subscriptions .subscription p.price span
{
    font-size:16px;
}

p.small_print_tax
{
    font-size:12px;
    line-height:22px;
    margin-top:30px;
}


/*************** TERMS ***************/

.terms
{
}
.terms ol, .terms ul 
{
    margin:0 0 0 10px;
    padding:0 0 0 10px;
}
.terms ol li
{
	font-size:16px;
	line-height:26px;
	list-style-type:decimal;
	margin:10px 0px 10px 5px;
	padding:5px 0px 5px 15px;
}
.terms ul li
{
	font-size:16px;
	line-height:26px;
    list-style-type:disc;
	margin:5px 0px 5px 5px;
	padding:0px 0px 0px 15px;
}
.terms p.published
{
    margin-top:50px;
    font-size:14px;
    font-style:italic;
}


/*** End Print Settings ********************************************************************************************************************************/
}