/********************************************/
/*   Created by: GamersGFX 
/*   URL: http://www.gamersgfx.com        
/*   Copyright: ©Copyright 2008 Gamersgfx 
/********************************************/

/* Basic CSS Styles ----------------------------------------*/
body { margin:0; font:80% Arial, Helvetica, sans-serif; color:#333333; background:#fff url(../images/bg.jpg) repeat-x;}
a{ color:#333333; text-decoration: underline;}
a:hover{ color:#a1175f; text-decoration:none;}

hr {height:2px; border-top:1px solid #272729;border-bottom: 1px solid #464a49;margin-bottom: 7px; border-left:none; border-right:none;}
strong { color:#333333;}

img { border:none;}
.clearer { clear:both; width:100%;white-space:nowrap; overflow:hidden; height:10px;}

.div_hr { height:7px; width:100%; background:url(../images/hr.jpg) repeat-x; margin:12px 0 12px 0;}

/* Test Heading CSS Styles ---------------------------------*/
h1 { color:#2a5546; font-size:1.6em; margin:10px 0 10px 0; padding:0;}
h1 a{ text-decoration:underline; color:#2a5546;}
h1 a:hover{ text-decoration:none; color:#2a5546;}

h2 { color:#2a5546; font-size:1.3em; margin:10px 0 12px 0; padding:0;}
h3 { color:#d81f80; font-size:1.0em; margin:0; padding:0;}
h4 { color:#2a5546; font-size:1.0em; margin:0; padding:0;}
h5 {}
h6 {}

/* Wrappers/Containers CSS Styles -------------------------*/
#page_container { width:960px; margin:auto;}
#page_header { width:960px; }
#logo {width:366px; height:89px; float:left;margin:14px 0 14px 0;}
#top_link { width:97px; height:76px; float:right; margin:20px 20px 0 0;}

#content_container { width:960px;}
#page_top {width:960px; margin:0 auto; height:39px; background:#fff url(../images/page_top.jpg) no-repeat;}
#page_mid { width:960px; margin:0 auto; background:#fff; overflow:hidden;}
#page_btm { width:960px; margin:0 auto;height:25px; background:#fff url(../images/page_btm.jpg) no-repeat;}

/* Tab Naviagtion CSS Styles -------------------------------*/
#top_tabs { margin:0 auto; width:944px;padding:0 0 0 4px;}
ul#tab_nav {list-style:none; padding:0; margin:0;height:35px;}                   
ul#tab_nav li {float:left;margin:0 2px 0 0;padding:0 0 0 10px;height:35px;}
ul#tab_nav li a {float:left;display:inline;text-decoration:none; color:#fff;margin:0;padding:11px 25px 0px 15px;}
ul#tab_nav li {background:url(../images/tab_off.jpg) no-repeat scroll 0 0;}
ul#tab_nav li a {font-size:9pt;color:#fff;background:url(../images/tab_off.jpg) no-repeat scroll 100% 0;}
ul#tab_nav li a:hover {text-decoration:underline;}
ul#tab_nav li.on {background-image:url(../images/tab_on.jpg); color:#fff; text-decoration:underline;}
ul#tab_nav li.on a {background-image:url(../images/tab_on.jpg);color:#fff; text-decoration:underline;}

/* Footer CSS Styles -------------------------*/
#footer_container { width:930px; margin:0 auto; font-size:8pt; line-height:18px;}
#address_details { width:420px; float:left; margin:10px 0 20px 0;}
#copyright_info { width:420px; float:right; text-align:right; margin:10px 0 20px 0;}

ul.footer_list { margin:0; padding:0;}
ul.footer_list li{ list-style:none; display:inline;}
ul.footer_list li a{ font-weight:bold; text-decoration:none;}
ul.footer_list li a:hover{text-decoration: underline;}

#site_by { color:#959797;}
#site_by a{ color:#959797; text-decoration:underline;}
#site_by a:hover{text-decoration:none;}

/* Index CSS Styles -------------------------*/
#index_banner { width:896px; height:207px; background:url(../images/index_bnr_bg.jpg) no-repeat; margin:0 auto; overflow:hidden;}
#staff { width:312px; height:234px; background:url(../images/staff.png) no-repeat; position:absolute; margin:12px 0 0 8px;}
#strapline { width:375px; height:79px;position:absolute; margin:50px 0 0 275px;}
#our_aim { width:300px; height:50px; position:absolute; margin:165px 0 0 320px; color:#fff; line-height:18px;}
#our_aim strong { color:#fff;}
#banner_info { width:215px; height:178px;position:absolute; margin:52px 0 0 710px;}
#banner_info a{ font-size:12px; font-weight:bold; color:#fff;}
#index_copy{ width:650px;float:left; padding:10px 0 10px 32px; line-height:18px;}
#index_copy .signature{ display:block; margin:4px 0 0 0;}
.smalltext { font-size:8pt; color:#989898;}
#gallery_pic { width:286px; height:269px; margin:205px 0 0 690px;position:absolute;}
#newsletter_title{ width:215px; height:36px;}
#newsletter_copy {color:#dedede; margin:0 0 8px 0;}
#newsletter_icon {border:none; margin: 0; vertical-align:top;}

/* Sub CSS Styles -------------------------*/
#sub_copy { width:628px; float:left; padding:0 0 25px 30px;}
#sub_column { width:260px; float:left; padding:0 0 40px 30px;}

div#about_content { line-height:18px;}
div#about_content img { border:none; padding:6px; border:1px solid #ccc; margin:0 15px 0 0;}
div#about_content h2{margin:0;}

#gal_copy { width:920px; padding:0 0 25px 38px;}

#gallery_pic_sub { width:286px; height:269px;position:absolute; margin:20px 0 0 690px; padding:0;}
#column_copy { width:220px; margin:0 auto; padding:270px 0 0 15px; line-height:18px;}
#column_copy ul{ margin:0; padding:0;}
#column_copy ul li{ display:block; list-style:none; background:url(../images/side_li.jpg) no-repeat left center; padding:4px 0 4px 16px; border-bottom:1px solid #e4e4e4;}
#column_copy ul li a{ text-decoration:none;}

#flea_control { display:block;}
#micro_chipping { display:none;}
#neutering { display:none;}
#vaccinating { display:none;}
#worming { display:none;}
#travel { display:none;}

.howtotitle { padding:0px 0 0 0; margin:0;}
ul.howtoget { margin:0; padding:0;}
ul.howtoget li{ display:block; list-style:none; margin:0 0 8px 0}

/* Factsheets tabs*/
.factsheet-tabs a{ float:left;  background:#1AA274 url(../images/factsheet-tabs.jpg) no-repeat; width:190px;padding:6px; height:70px; margin:0 5px 5px 0; color:#fff; text-decoration:none;}
.factsheet-tabs a:hover{color:#fff; background:#3BBF91 url(../images/factsheet-tabs_hover.jpg) no-repeat;; text-decoration:underline;}

/* Form Layout CSS Styles -------------------------------- */
#formcontainer {padding:0; margin:0 20px 30px 0; width:330px; float:left;}
#formcontainer h1 { margin:0; padding: 0px; font-size: 1.1em; }
#defaultform form { padding:0; margin:0; border:0; }
#defaultform form fieldset { border: 1px #d6d6d6 solid; margin:0px; padding:10px; }
#defaultform form li { padding:	5px 5px 5px 0px; vertical-align: top; list-style: none; margin: 0; }
#defaultform form ol { margin: 0; padding: 0; }
#defaultform form legend { color: #c4c4c4; font-style:italic; font-weight: bold; border: 0px; margin:0; padding:0 10px 0 10px;}
#defaultform form label {display: block;line-height: 1.8;vertical-align: top;width:80px;float: left;text-align: right;margin-right: 10px; font-weight:bold;}
#defaultform form em {font-style: normal;color: #FF0000;}
#defaultform form fieldset input, textarea, select, file {width:180px;border: 1px solid #d6d6d6;padding: 5px;color: #333;font:9pt Arial, Helvetica, sans-serif;background-color: #fff;}

#defaultform .checkbox { width: 20px; }
#defaultform .buttons { border: 0px; width: 100px; padding: 0px;}
#defaultform form input:focus, textarea:focus { background: #f6f8f8; color: #000;border: 1px solid #d6d6d6;}
#defaultform .textboxnumeric { width: 60px; text-align: right; }
#defaultform .buttonsubmit { width: 100px; border:0px; color:#fff; background:#d81f80;}
.textareawide {width: 380px;}
#formmessage {width: 430px; padding: 10px; background-color: #E4D6E5; border: 1px solid  #699bc9;font-weight: bold}
.require { color:#ca3a34; font-weight:bold;}
.error{color:#ff0000; text-align:right; font-size:8pt; width:92%; margin:10px 25px 5px 0; display:block;}