body { background-color: #F6F8FB; /*slight blue tinged white*/ font-family: Arial, sans-serif; font-size: 10pt; text-align: center; } ul { padding:0px; margin: 10px 15px; } li { padding: 2px; border:0px yellow solid; } h2 { font-size:150%; border: 0px red dashed; margin: 10px 0; font-weight: bold; } #wrap { border: 1px #DAE7FB solid; margin: 0 auto; width: 100%; padding: 0; text-align: left; width: 908px; background-color: #ffffff; /*white*/ color: #035F6E;/*blue*/ }/* NAV BAR. */#nav { /*float: left;*/ height: 30px; width: 908px; margin: 0; padding: 5px 0; /*list-style: none;*/ font-size: 12px; text-transform: uppercase; font-family: Arial,Helvetica,sans-serif; background-color: #8B9751; }#nav li { color: white; float: left; margin: 0; padding: 0 1px 0 0; list-style: none; /*display: inline;*/ }#nav a:link{ color:white; text-decoration: none; }#nav a:visited{ color:white; text-decoration: none; }#nav a:active{ color:white; text-decoration: none; }#nav a:hover{ color:#024669; font-weight: normal; }/*** drop down menus ***//* top level. */#nav ul { list-style: none; /* display: inline; */ /* float: left */ padding: 0; margin: 0; /*height: 30px;*/ padding: 8px 20px; }/* top level menu items. */#nav li { float: left; display: inline; position: relative; padding: 8px 30px; /*width: 7em;*/ /*font-family: Arial,Helvetica,sans-serif;*/ /*font-size: 100%;*/ text-align: left; }/* second level menu. */#nav li ul { display: none; position: absolute; top: 1em; left: 1em; background-color: #8B9751; padding: 5px; z-index: 1; }/* actual second level menu items. */#nav li ul li { margin: 1px; padding: 5px; border: 1px solid #134783; font-size: 100%; width: 10em; text-align: left; text-decoration: none; }#nav li > ul { top: auto; left: auto; }#nav li:hover ul, #nav li.over ul { display: block; }/*** end drop downs ***/#sidebartab { border-top: 1px solid #64A6F3; background-color:#000050; padding:3px; color:white; margin-top: 5px; }#title { padding: 15px 80px 0px 80px; text-align: center; font-size: 18px; font-family: Helvetica,'Helvetica',Arial,sans-serif; /*background: #ABB9CD;*/ color: #035F6E; /*color: #fff;*/ /*color: #070707;*/ } #title2 { padding: 2px; margin: 15px; text-align: left; font-size: 16px; font-family: Helvetica,'Helvetica',Arial,sans-serif; color: #035F6E; } #title h1 { font-family: Helvetica,'Helvetica',Arial,sans-serif; font-size: 24px; margin-bottom: 0; } #title h2 { font-family: Helvetica,'Helvetica',Arial,sans-serif; font-size: 16px; margin-bottom: 0; text-align: left; } #title p.tag { font-family: Calibri,'Calibri',Arial,sans-serif; font-size: 19px; /*margin-bottom: 0.7em;*/ margin-top: 0; }#sb { z-index: 3; float: right; }/* The main content area, minus sidebar. for float. */ #main-body { text-align: left width: 908px; /*padding: 20px 20px 35px 20px; */ padding: 0px 20px 35px 20px; color: black; }/* container for actual content. */#content { margin: 5px 0; padding: 0 25px; /*padding: 25px;*/ background: #fff; font-size:13px; } #content li { padding-bottom: 5px; } #bp { display:none; background-color: #AAAAAA; font-size: 80%; padding: 2% 2%; float:left; width:96%; } #tabs { width:100%; } .tab { float:right; text-align:center; width:12%; background-color: #AAAAAA; } .close-tab { text-align:center; font-size:7pt; } /* Left side Volkstaf info/links. (table). */#contentL { background: url(images/bgleft.jpg) no-repeat top left; height: 293px; width: 250px; font-weight: bold; font-size:10pt; font-family:Arial; border: 2px black solid; float: left; margin-top: 10px; margin: 10px 10px 10px 0; }/* Right side Travlr info/links. (table) */#contentR { margin: 0 0 0 10px; float: right; height: 292px; width: 250px; font-weight: bold; font-size:10pt; font-family:Arial; background: url(images/bgright2.jpg) no-repeat top right; border: 2px black solid; margin-top: 10px; } #sidebar { width: 150px; float: right; margin: 0 0 25px 0; padding: 0; font-size: 8pt; line-height: 1.5em; color: #888; }#footer { text-align:center; position: relative; clear: both; margin: 0; padding-top: 5; padding-bottom: 15; font-size: 90%; color: #888888; background: #CECECE; url(../img/footer-bg.gif) no-repeat top right; } #custquote { text-align: center; padding: 5 30px; background-color: #fff; clear: both; font-size: 80%; margin: 0 10 10 10; } #email { letter-spacing:.05em; padding:1em; font-weight:normal; } #email a:link{ color:blue;text-decoration:none; }#email a:visited{ color:blue;text-decoration:none; }#email a:active{ color:blue;text-decoration:none; }#email a:hover{ color:blue;text-decoration:none; } .wordone { font-weight:bold; font-size:150%; } .reg { font-size: 85%; vertical-align: baseline; } /* find this on staff order pages. */ .buy-box2 { border: 0px solid black; padding: 0 0 0 0; width: 100%; } .buy-box2-title { font-weight:bold; font-size: 10pt; padding: 5 0 10 5; } .order-box2 { background-color: #eee; border-bottom: 0px solid blue; height: 30px; padding: 5px; } .order-model2 { float: left; width: 50%; } .order-price2 { float: left; width: 15%; } .order-button2 { float: right; width: 90px; } .modelorder { background-color: #eee; border-bottom: 0px solid white ; margin-bottom: 15px; } .price { float: left; width: 10em; vertical-align:middle; border: 0px green solid; font-weight: bold; } .ppform { border: 0px solid red; float: left; text-align: center; /*height: 20px; */ width: 10em; } .stdfeatures { border: 0px red dashed; border-bottom: 1px solid black; } /*.viewcart { width: 30em; float: right; margin: 10px 0; text-align:center; border: 1px #000 solid; background-color:#ddd; }*/#viewcartlabel { float:right; margin-right:10px; margin-bottom:1em; } form { margin:0 0; padding:0 0; /*border: 1px solid red;*/ } #bppick { font-weight:bold; color:red; font-family:Arial, Sans Serif; text-align:center; border:medium #f00 double; margin: 5px auto; padding:2px; background-color: #ff5; width:35em; } #sizewarn { margin:10 30 20 30; text-align:center; color:blue; font-weight:bold; font-size:80%; } /* styles for backpacker tab */ #tabwrap { border: 0px blue dashed; background-color: #050; /*height: 28px;*/ height: 18px; text-align: center; } #tabbox { margin: 0 auto; width: 32em; } #tableft{ background: url(images/yellowtabL2.jpg) no-repeat left; background-color: #ff5; height: 21px; width: 27px; float: left; } #specialtab { text-align: center; background-color: #ff5; height: 21px; color: red; font-weight: bold; float: left; } #tabright { background: url(images/yellowtabR2.jpg) no-repeat right; background-color: #ff5; height: 21px; width: 27px; float: left; } /* Style for msg */ #msgpad { padding:10px; background-color:#070; border: #a00 15px ridge; text-align:center; width:450px; position:absolute; top:1px; left:-20px; display:none; } #msg { margin:0 auto; padding:5px; width:80%; background-color:#050; /*color: white;*/ color:#060; text-align:center; position:relative; display:none; } main { padding-left: 0px; margin: 0px; text-align: left; } #main-left { float: left; text-align: justify; width: 270px; padding-top: 30px; padding-bottom: 25px; padding-left: 20px; padding-right: 0px; font-size: 11pt; /*border: 1px solid #859F09;*/ /*color: #859F09;*/ /*olive green*/ color: #5E7001; font-family: Candara,Arial,sans-serif; } #main-left h1 { font-family: Candara,Arial,sans-serif; font-size: 15px; margin-bottom: 0.2em; position: relative; letter-spacing: .02em; text-align: left; /*color: #859F09;*/ color: #5E7001; } #main-left h2 { font-family: Candara,Arial,sans-serif; font-size: 20px; margin-bottom: 0.9em; /*position: relative;*/ text-transform: uppercase; text-align: left; color: #859F00; color: #5E7001; } #main-left p.tagr { margin-bottom: 0.4em; margin-top: 0.4em; /*position: relative;*/ /*padding: 0;*/ /*vertical-align: baseline;*/ /*outline: 0 none;*/ /*text-transform: uppercase;*/ } #main-right { float: right; text-align: left; width: 570px; padding-top: 20px; padding-bottom: 25px; padding-left: 20px; padding-right: 20px; font-family: Arial, sans-serif; font-size: 10pt; border: 0px solid #024669;*/ } #main-right h1 { font-family: Helvetica,'Helvetica',Arial,sans-serif; font-size: 24px; /*margin-bottom: 0.7em; */ margin-bottom: 0; /*position: relative; */ /*text-transform: uppercase;*/ /*padding: 0; /*vertical-align: baseline;*/ /*outline: 0 none;*/ } #main-right p.tag { font-family: Calibri,'Calibri',Arial,sans-serif; font-size: 19px; margin-bottom: 0.7em; margin-top: 0; /*position: relative;*/ /*padding: 0;*/ /*vertical-align: baseline;*/ /*outline: 0 none;*/ /*text-transform: uppercase;*/ } /* USED ON INDEX.PHP PAGE */ /*LEFT SIDE USED TO BE A GREEN BOX; NOW IT IS JUST A LINE */ #greenbox { background: url("images/line.png"); float: right; /*text-align: left;*/ /*width: 440px;*/ width: 2px; height: 760px; /*FROM 710*/ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-left: 15px; } /*STONEHEGE PICTURE BOX */ #picbox1 { text-align: left; float: left; width: 140px; /* height: 220px; */ /* FROM 180 */ height: 180px; /* FROM 220 */ padding-top: 20px; padding-bottom: 10px; /*FROM 0 */ padding-left: 30px; padding-right: 0px; font-family: Calibri,'Calibri',Arial,sans-serif; font-size: 15pt; border: 0px solid red; } #prodbox1 { text-align: left; float: left; margin: 0 auto; /*text-transform: uppercase; */ width: 300px; height: 160px; /*FROM 220 */ padding-top: 40px; padding-bottom: 10px; /*FROM 0 */ padding-left: 0px; padding-right: 0px; font-family: Calibri,'Calibri',Arial,sans-serif; font-size: 13pt; border: 0px solid black; } .picbox { text-align: left; float: left; width: 140px; height: 220px; /* FROM 180 */ padding-top: 15px; /*FROM 5 */ padding-bottom: 10px; /*FROM 0 */ padding-left: 30px; padding-right: 0px; font-family: Calibri,'Calibri',Arial,sans-serif; font-size: 15pt; border: 0px solid green; } .prodbox { text-align: left; float: left; margin: 0 auto; /*text-transform: uppercase;*/ width: 300px; /*FROM 320 */ height: 220px; /* FROM 180 */ padding-top: 15px; /* FROM 5 */ padding-bottom: 10px; /* FROM 0 */ padding-left: 0px; padding-right: 0px; font-family: Calibri,'Calibri',Arial,sans-serif; font-size: 13pt; border: 0px solid yellow; } .foldbox { float: right; width: 130px; height: 60px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-right: 30px; margin-top: 20px; border: 0px solid red; } /*Section below is used on travforme, volkforme, and folforme page */ #comp-left { float: left; text-align: center; width: 270px; padding-top: 30px; padding-bottom: 25px; padding-left: 20px; padding-right: 0px; font-size: 11pt; /*border: 1px solid #859F09;*/ /*color: #859F09;*/ /*olive green*/ color: #5E7001; font-family: Candara,Arial,sans-serif; } #comp-left h1 { font-family: Candara,Arial,sans-serif; font-size: 15px; margin-bottom: 0.2em; position: relative; letter-spacing: .02em; text-align: center; /*color: #859F09;*/ color: #5E7001; } #comp-left h2 { font-family: Candara,Arial,sans-serif; font-size: 20px; margin-bottom: 0.9em; /*position: relative;*/ text-transform: uppercase; text-align: center; color: #5E7001; } #comp-left p.tagr { margin-bottom: 0.4em; margin-top: 0.4em; /*position: relative;*/ /*padding: 0;*/ /*vertical-align: baseline;*/ /*outline: 0 none;*/ /*text-transform: uppercase;*/ } #comp-right { text-align: left; width: 570px; padding-top: 20px; padding-bottom: 25px; padding-left: 20px; padding-right: 20px; font-family: Arial, sans-serif; font-size: 11pt; border: 0px solid #024669;*/ background-color: #ffffff; /*white*/ } #comp-right h1 { font-family: Helvetica,'Helvetica',Arial,sans-serif; font-size: 18px; margin-bottom: 0; color: #859F09; } #comp-right p.tag { font-family: Calibri,'Calibri',Arial,sans-serif; font-size: 19px; margin-bottom: 0.7em; margin-top: 0; } #greenline { background: url("images/line.png"); /* background: url("images/greenbox600.png") no-repeat scroll left top transparent; */ float: right; /*text-align: left;*/ /*width: 440px;*/ width: 2px; height: 710px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-left: 15px; } /*the section below is used for compare staffs page*/ #triple { padding-left: 20px; margin: 10px; text-align: center; color: black; font-family: Calibri,'Calibri',Arial,sans-serif; font-size: 16px; margin-bottom: 0.7em; letter-spacing: .01em; } #triple a { color:black; } #triple a:hover { background-color:#035F6E; } .triple-column { float: left; text-align: left; width: 250px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; font-size: 11pt; border: 0px dashed green; font-family: Helvetica; Arial,sans-serif; color: #5E7001; margin: 15px; letter-spacing: . 05em; } .triple-box { padding-left: 0px; margin: 0px; width: 250px; height: 190px; } .triple-textbox { padding: 0px; margin: 0px; width: 250px; height: auto; border: 0px solid red; } .triple-textbox ul li{ padding: 0px; margin-bottom: 8px; border: 0px solid red; } .triple-column h1 { font-family: Candara,Arial,sans-serif; font-size: 18px; margin-bottom: 0.2em; letter-spacing: .02em; text-align: center; color: #859F09; } .triple-column p.use { margin-bottom: 0.4em; margin-top: 0.4em; color: #035F6E; font-family: Calibri,'Calibri',Arial,sans-serif; font-size: 18px; letter-spacing: .01em; text-align: center; } /*#triple-right h2 { font-family: Candara,Arial,sans-serif; font-size: 20px; margin-bottom: 0.9em; text-transform: uppercase; text-align: center; color: #859F00; }*/ /*the section below is used for accessories page */ #accessories { padding: 10px; /* from 10px */ margin: 0px; /* from 10px */ text-align: left; color: #035F6E; font-family: Calibri,'Calibri',Arial,sans-serif; font-size: 26px; margin-bottom: 0.7em; letter-spacing: .01em; border: 0px dashed blue; } /* #accessories a { color:black; } */ /* #accessories a:hover { background-color:#035F6E; } */ .accessories-column { float: left; text-align: left; width: 240px; height: 420px; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; /* 15px */ padding-right: 10px; font-size: 9pt; border: 1px solid #035F6E; font-family: Helvetica; Arial,sans-serif; color: #5E7001; margin: 15px; letter-spacing: . 05em; } .accessories-box { padding-left: 0px; margin: 0px; width: 240px; height: 255px; } .accessories-textbox { padding: 10px; margin: 0px; width: 240px; height: auto; text-align: center; border: 0px solid red; } .accessories-price { display: block; font-size: 12px; font-weight: bold; line-height: 1.4em; margin: 0; padding: 5px 0px 0px; text-align: center; color: #666666; } .accesories-textbox ul li{ padding: 0px; margin-bottom: 8px; border: 0px solid red; } /* .accessories-column h1 { font-family: Candara,Arial,sans-serif; font-size: 16px; margin-bottom: 0; / *0.2em;*/ letter-spacing: .02em; text-align: center; color: #859F09; } */ .accessories-column h1 { font-family: Helvetica,'Helvetica',Arial,sans-serif; font-size: 24px; margin-bottom: 0; text-align: center; color: #035F6E; } .accessories p.tag { font-family: Calibri,'Calibri',Arial,sans-serif; font-size: 19px; margin-bottom: 0.7em; margin-top: 0; /*position: relative;*/ /*padding: 0;*/ /*vertical-align: baseline;*/ /*outline: 0 none;*/ /*text-transform: uppercase;*/ } .accesories-column p.use { margin-bottom: 0.4em; margin-top: 0.4em; color: #035F6E; font-family: Calibri,'Calibri',Arial,sans-serif; font-size: 18px; letter-spacing: .01em; text-align: center; } #print { width:17; display:block; margin-left:auto; margin-right:0; cursor:pointer; }/*the section below is used for accessories buy page */ #accessoriesbuy { /*padding: 0 5px; */ /* from 10px */ /*margin: 0 auto; */ /* from 10px */ /*text-align: left; */ /*color: #035F6E; */ /*font-family: Calibri,'Calibri',Arial,sans-serif; */ /*font-size: 26px; */ /*margin-bottom: 0.7em; */ /*letter-spacing: .01em; */ border: 0px dashed blue; padding: 25px; } /* #accessories a { color:black; } #accessories a:hover { background-color:#035F6E; } */ .accessories-imagecolumn { float: left; width: 280px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; /* 10px */ padding-right: 0px; border: 0px solid #035F6E; margin: 0; /* 15px */ background-color: #E8E6E6; /*slight blue tinged white*/ /*letter-spacing: . 05em;*/ /*text-align: left;*/ /*height: 400px;*/ /*font-size: 9pt;*/ /*font-family: Helvetica; Arial,sans-serif;*/ /*color: #5E7001;*/ /*min-height: 20px; */ } .accessories-imagebox { padding-left: 0px; margin: 0px; width: 240px; height: 255px; border: 0px dashed red; } .accessories-contentcolumn { float: left; width: 400px; /* 420px; */ padding-top: 10px; padding-bottom: 10px; padding-left: 20px; /* 10px */ padding-right: 25px; /*margin-right: -1px; */ line-height: 1.3em; letter-spacing: .02em; color: black; border-right: 1px solid #CCCCCC; /*border: 0px solid #035F6E; */ /*font-family: Helvetica; Arial,sans-serif;*/ /*color: #5E7001;*/ /*margin: 0;*/ /* 15px */ /*letter-spacing: . 05em;*/ /*text-align: left;*/ /*min-height: 20px;*/ /*height: 400px;*/ /*font-size: 9pt;*/ } .accessories-alsoneedcolumn { float: left; width: 100px; /*120px; */ padding-top: 10px; padding-bottom: 10px; padding-left: 10px; /* 10px */ padding-right: 0px; border-left: 1px solid #CCCCCC; */ /*border: 0px solid #035F6E; */ /*font-family: Helvetica; Arial,sans-serif;*/ /*color: #5E7001;*/ /*margin: 0;*/ /* 15px */ /*letter-spacing: . 05em;*/ /*text-align: left;*/ /*min-height: 20px;*/ /*height: 400px;*/ /*font-size: 9pt;*/ } .alsoneeded-label { display: block; font-size: 12px; font-weight: bold; line-height: 1.4em; margin: 0; padding: 0px 0px 0px; text-align: center; color: #666666; } .alsoneeded-image { /*float: left; */ width: 80px; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; /* 0px */ padding-right: 0px; border: 0px solid #035F6E; margin: 0; /* 15px */ /*letter-spacing: . 05em;*/ /*text-align: left;*/ /*height: 400px;*/ /*font-size: 9pt;*/ /*font-family: Helvetica; Arial,sans-serif;*/ /*color: #5E7001;*/ /*min-height: 20px; */ } .alsoneeded-text { text-align: center; width: 80px; padding-top: 0px; padding-bottom: 30px; padding-left: 10px; /* 0px */ padding-right: 0px; border: 0px solid #035F6E; margin: 0; /* 15px */ /*letter-spacing: . 05em;*/ /*text-align: left;*/ /*height: 400px;*/ /*font-size: 9pt;*/ /*font-family: Helvetica; Arial,sans-serif;*/ /*color: #5E7001;*/ /*min-height: 20px; */ } #footer2 { background-color: #CECECE; /*light grey*/ color: #757575; font-family: Arial, sans-serif; font-size: 12px; text-align: center; width: 908px; padding: 20px 0px; } .footer2-column { float: left; text-align: left; width: 25%; letter-spacing: . 05em; border: 0px dashed green; margin-left: 75px; } .footer2-column ul { list-style-type: none; margin: 0; border: 0px solid red; } .footer2-column ul li { list-style-type: none; padding-left: 20px; border: 0px solid blue; } .footer2-column ul li a { color: #767967; text-decoration: none; border: 0px gray solid; } .footer2-column ul li a:hover { text-decoration: underline; }