/*FoamCity main CSS screen style sheet - created Arty Bundle 2008 */ /* fundamentals */ body {text-align:center; font-family: Arial, Helvetica, sans-serif; color:#333333; font-size:10px;line-height:16px;} a {text-decoration:none; color:#333333; } a:hover {text-decoration:underline; color:#e96419; } a:visited {color:#1c5ba2; } #container {width: 800px; height:658px; margin:10px auto 0; padding: 0; text-align:left; background-image:url(../images/main_bg02.jpg); background-repeat:no-repeat;} #containerlong {width: 800px; height:600px; margin:10px auto 0; padding: 0; text-align:left; background-image:url(../images/long_bg.jpg); background-repeat:no-repeat;} #form {font-family: Arial, Helvetica, sans-serif;font-size: 10px; color: #666666; margin:2px 0 2px 0; vertical-align:bottom;} .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; } .fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; } /*header*/ #masthead {height:137px; } #masthead #strapline { font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#b5d7fe; padding-left:186px; margin-top:-22px;} /* Placement of home video clip */ #videofloat { position:absolute; left:690px; top:255px; width:300px; height:182px; z-index:0; padding-right: auto; pagging-left: auto; text-align:center; line-height:1.5em; } /*navigation*/ #globalNav {font-size:11px; font-weight:bold; line-height:40px; color:#ffffff; margin:0px 25px 0px 0px; padding:8px 0 0px 0px;width:150px; float:left;} #globalNav a {text-decoration:none; padding:1px 0 2px 26px;color:#ffffff; background-image:url(../images/nav_button.png); background-repeat:no-repeat; height:25px; display:block; line-height:16px; vertical-align:bottom; } #globalNav a:hover {color:#e96419; } #foot {margin:6px 8px 6px 8px; line-height:15px; font-size:10px; } #foot a{background-image:none; display:inline; padding:0px; text-decoration:underline; line-height:inherit; } #foot2 {margin:6px 8px 6px 8px; line-height:15px; font-size:10px; color:#FFCC99} #foot2 a{background-image:none; display:inline; padding:0px; text-decoration:underline; color:#FFCC99} /* footer */ #footer {font-size:12px; font-weight:bold; line-height:28px; color:#1c5ba2; margin:5px auto 0px auto; clear:both; display:block; text-align:center;} #footer a{color:#1c5ba2;} #footer a:hover{color:#e96419; } /* text styling */ h1 { font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#1c5ba2; text-transform:capitalize; line-height:inherit; margin:25px 0 5px 0; } h2 { font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color:#e96419; margin:5px 0 5px 0; } h3 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#e96419; padding:0; margin-bottom:2px;} #main {padding:5px 35px 0px 5px; font-size:14px; margin:0px; } #main #half{padding:5px 345px 0px 5px;} #longmain {padding:5px 35px 0px 5px; font-size:14px; margin:0px; background-image:url(../images/tnc_bg.jpg); background-repeat: repeat-y; z-index:-1;} #longmain p,#longmain h3,#longmain ul{padding-left:185px;} /* Promotions - home page */ #hscontainer {display:block; margin:0px auto; text-align:center;} #table {margin:0 0 0 184px; font-size: 12px;} #table2 {margin-top:10px; font-size: 12px;} #homespecials{width:80px; float:left;text-align:center;} #homespecials ul{display:block; list-style:none; color:#e96419; line-height:16px; margin:.25em 0 0 0; padding:0 0 20px 0; font-weight:bold;} #homespecials li, #homespecials img{ border:none; } #specialoffers {float:left; margin: -180px 0 10px -35px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#ffffff; text-align:center; text-shadow:#003399; z-index:100px; width:180px; background-image:url(../images/bubbles-trans.png); background-repeat:no-repeat; padding: 30px 25px 30px 5px;} #specialoffers a, #specialoffers a:hover{color:#FFFFFF; } /* Products Pages */ #opener {font-size:13px; line-height:15px; margin-bottom:5px;} #caption {font-size:10px; line-height:12px; padding:0px 10px 0 4px; text-align:justify; } #price { vertical-align:bottom; font-weight:bold; text-align:center; font-size:11px; line-height:13px; } #button{ vertical-align:bottom;} #footer_product {font-size:12px; font-weight:bold; line-height:32px; color:#1c5ba2; margin:15px 0px 0 175px; display:block;} #footer_product a{color:#1c5ba2;} #footer_product a:hover{color:#e96419; } /* Package Pages */ #caption2 {font-size:12px; line-height:14px; padding:0px 0px 0 2px; text-align:justify; } #price2 { vertical-align:bottom; font-weight:bold; text-align:right; font-size:12px; line-height:13px; } #saving { font-weight:bold; font-size:12px; line-height:14px; color:#FF0000; text-decoration: blink; } /* Gallery Page */ #gallery img{ margin: 3px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */ border-style:groove; border-width:8px; border-color:#FF6600; } /* Advice Pages */ #advice, #advice ul{font-size:11px; line-height:13px; } p#advice, ul#advice {padding-bottom:10px; margin:0; list-style-position: inside;} #subsection {margin-left: 255px; line-height:16px;} #subsection li{list-style-position:inside;padding-bottom:8px; margin:0;} #example { color:#1c5ba2;} /* Links page */ #links{width:100px; height:150px; float:left; text-align:center; margin:0 8px;} #links ul{display:block; list-style:none; color:#e96419; line-height:14px; margin:.25em 0px 0 0px; padding:0 0 20px 0; font-weight:bold;} #links li, #links img{ border:none; } #linkfoot {font-size:12px; font-weight:bold; line-height:16px; color:#1c5ba2; margin:0px 0 0px 120px; clear:both; display:block; text-align:center;} #linkfoot a{color:#1c5ba2;} #linkfoot a:hover{color:#e96419; }