/* CSS Document */
/* CUSTOMISED HTML TAGS */
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#585857; line-height:16px; }
H1 { font-size:16px; color:#00612C; font-weight:normal; }
H2 { font-size:15px; color:#484848; font-weight:normal; }
H3 { font-size:14px; }
H4 { font-size:13px; }
INPUT, SELECT, TH, TD {}
a:link, a:visited { color:#585857; text-decoration:none; }
a:hover { color:#585857; text-decoration:underline; }
/* TEXT STYLES */
.footer-links a:link, .footer-links a:visited { font-size:12px; color:#585857; text-decoration:none; }
.footer-links a:hover { font-size:12px; color:#585857; text-decoration:underline; }
.related_clear { display:block; }
.product_title { font-size:15px; color:#00612C; }
.rrp { font-size:11px; color:#00612C; }
.summary { font-size:15px; color:#484848; }
.prodpricenow { font-weight:normal; }
.prodpricewas { display:block; font-weight:normal; font-size:11px; }
.pricenow { color:#8A0000; font-weight:normal; }
.pricewas { font-weight:normal; }
.product_description { line-height:18px; }
/* Featured and Best Sellers styles */
.recommended { font-size:12px; color:#ffffff; text-decoration:none; font-weight:bold; }
.recommended a:link, .recommended a:visited { font-size:12px; color:#ffffff; text-decoration:none; font-weight:bold; }
.recommended a:hover { font-size:12px; color:#ffffff; text-decoration:underline; font-weight:bold; }
.recommended-price { line-height:16px; font-size:11px; font-weight:normal; color:#00612C; }
.recommended-price a:link, .recommended-price a:visited { color:#00612C; text-decoration:none; font-weight:normal; }
.recommended-price a:hover { color:#00612C; text-decoration:underline; font-weight:normal; }
/* Green font changed 20-2-12 by Phil in design upgrade */
.blue2 { display:block; font-size:12px; color:#00612C; font-weight:bold; }
.blue2 a:link, .blue2 a:visited { font-size:12px; color:#00612C; text-decoration:none; font-weight:bold; }
.blue2 a:hover { font-size:12px; color:#255378; text-decoration:underline; font-weight:bold; }
.section_text {line-height:18px; }
.section_text a:link, .section_text a:visited { color:#585857; text-decoration:none; }
.section_text a:hover { color:#585857; text-decoration:underline; }
.section_text_large {line-height:26px; font-size:15px; color:#505050; }
.basket { line-height:26px; font-size:11px; color:#585857; }
.basket_blue { line-height:26px; font-size:11px; color:#255378; }
.menu { font-size:12px; color:#255378; border-bottom:#A39E7C 1px solid dashed; }
.menu a:link, .menu a:visited { color:#255378; text-decoration:none; }
.menu a:hover { color:#255378; text-decoration:underline; }
.price_blue { line-height:21px; font-size:14px; color:#255378; }
.price_blue_small { line-height:21px; font-size:11px; color:#255378; }
.blue { font-size:11px; color:#255378; }
.blue a:link, .blue a:visited { color:#255378; text-decoration:none; }
.blue a:hover { color:#255378; text-decoration:underline; }
.green { font-size:11px; color:#00612C; }
.green a:link, .green a:visited { color:#00612C; text-decoration:none; }
.green a:hover { color:#00612C; text-decoration:underline; }
.dark_large { font-size:15px; color:#585857; }
.basket_item_title { font-size:1.2em; display:block; width:190px;} /* sets size of item name in basket and view order pages */
/* CSS Buttons */
.clear { /* generic container (i.e. div) for floating buttons */
overflow: hidden; width: 100%}
a.button { background: transparent url('http://www.thefamilytentshop.com/images/css_buttons/bg_button_a.jpg') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 11px arial, sans-serif; height: 21px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; }
a.button2 { background: transparent url('http://www.thefamilytentshop.com/images/css_buttons/bg_button_a2.jpg') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 11px arial, sans-serif; height: 21px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; }
a.button span { background: transparent url('http://www.thefamilytentshop.com/images/css_buttons/bg_button_span.jpg') no-repeat;
display: block; line-height: 11px; padding: 5px 0 5px 18px; }
a.button2 span { background: transparent url('http://www.thefamilytentshop.com/images/css_buttons/bg_button_span2.jpg') no-repeat;
display: block; line-height: 11px; padding: 5px 0 5px 18px; }
a.button:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ }
a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ }
a.button2:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ }
a.button2:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ }
/* CHECKOUT PAGES */
/* ACCOUNT PAGES */
#personaldetails ol, #personaldetails ul, #personaldetails li { list-style:none;}
#deliverydetails ol, #deliverydetails ul, #deliverydetails li{ list-style:none;}
#content ol, #content ul{ list-style:none;}
/* Form Control */
form.organiser { float:left; width:485px; }
form.organiser fieldset { margin-bottom: 6px; border:1px solid #DDD;}
form.organiser legend {padding: 0 2px; font-weight: bold;_margin: 0 -7px; font-size:1.4em; color:#7E7E7E;}
.organiser { margin-left:0px; border:0px solid #CCCCCC }
form.organiser label { display: inline-block; line-height: 1.8; vertical-align: top;}
form.organiser fieldset ol {margin: 0;padding: 0;}
form.organiser fieldset li {list-style: none;padding: 9px;margin: 0; width:400px;}
form.organiser fieldset fieldset {border: none;margin: 3px 0 0;}
form.organiser fieldset fieldset legend {padding: 0 0 5px;font-weight: normal;}
form.organiser fieldset fieldset label {display: block;width: auto;}
form.organiser em {font-weight: bold;font-style: normal;color: #f00;}
form.organiser label { width: 140px; }
form.organiser fieldset fieldset label { margin-left: 123px; }
/* FORM HINTS */
/* All form elements are within the definition list for this example */
dl { font:normal 12px/15px Arial; position: relative; width: 350px; }
dt { clear: both; float:left; width: 130px; padding: 4px 0 2px 0; text-align: left; }
dd { float: left; width: 200px; margin: 0 0 8px 0; padding-left: 6px; }
/* The hint to Hide and Show */
.hint { display: none; position: absolute; right: -190px; width: 200px; margin-top: -4px; border: 1px solid #c93; padding: 10px 12px;
/* to fix IE6, I can't just declare a background-color,
I must do a bg image, too! So I'm duplicating the pointer.gif
image, and positioning it so that it doesn't show up
within the box */
background: #ffc url(http://www.thefamilytentshop.com/css/pointer.gif) no-repeat -10px 5px;
}
/* The pointer image is hadded by using another span */
.hint .hint-pointer {
position: absolute;
left: -10px;
top: 5px;
width: 10px;
height: 19px;
background: url(http://www.thefamilytentshop.com/css/pointer.gif) left top no-repeat;
}
input.searchbox { background:#FFFFFF; width:165px; height:18px; padding:3px; font-size:12px; line-height:16px; border:1px solid #CCCCCC; }