@import "reset.css";


/* Generic elements */

body { background: #ccc; color: #5b5b5b; font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif; text-align: center; }

a,:link,:visited { color: #ff7100; text-decoration: underline; } 
a:hover,a.important,a.on { color: #5b5b5b; text-decoration: underline; }

p {  padding: .5em 0; }

img.fltr { float: right; margin: 10px 0 10px 10px; }
img.fltl { float: left; margin: 5px 10px 5px 0; }
img.fltchild { float: left; margin: 5px 90px 10px 0; }
img.fltractivest { float: right; margin: 3px 0 10px 10px; }

ul { list-style: disc; padding: .5em 0 .5em 2em; }
ol { list-style: decimal; padding: .5em 0 .5em 2em; }
ul.reset, ul.reset ul, #nav { list-style: none; margin: 0; padding: 0; }


/* Custom paragraphs, links, images */

img.pic { border: solid 1px #c8c8c8; }

img.noborder { border: solid 0px #c8c8c8; }

/* Headings */

h1,h2,h3,h4,h5,h6 { padding: 1em 0 0; color: #ff7100; font-family: Arial, Helvetica, sans-serif; line-height: normal; }

h1 { font-size: 140%; font-weight: normal; }
h2 { font-size: 20px; font-weight: normal; }
h3 { font-size: 16px; margin-bottom:10px}
h4 { font-size: 130%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

/* Custom headings */

#logo { padding: .3em 0 .1em; font-size: 50px; }
#outline { color: #000; font-size: 11px; font-weight: normal; }

/* Main layers */

#container { width: 750px; margin: 10px auto 0; text-align: left; background-color: #fff; }
#header { padding: 0 25px; }
#content { padding: 15px 0 0 10px; }
#sidebar { float: left; width: 151px; margin: 0 25px 2em 0; }
#starbar { float: right; width: 170px;  }
#mainbar { float: left; width: 340px; margin-bottom: 2em;}
#mainbarBuy { float: left; width: 535px; margin-bottom: 2em;}
#portboard { float: right; width: 564px; margin-bottom: 2em; }
#footer { clear: both; width: 100%; font-family:Arial, Helvetica, sans-serif; font-size: 10px;}

#portboard li a.rightlinks {float: right}
#portboard p a.rightlinks {float: right}
/* Navigation */

#nav { margin: 1em 0 2em; }
#nav li { display: inline; padding: 0 5px 0 15px; background: url(images/icon1.gif) center left no-repeat; }
#nav li.first { padding-left: 0; background-image: none; }
#nav li a, #nav li a:visited { color: #666e6e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; }
#nav li a:hover, #nav li a.on { color: #ff7100 !important; }

#subnavbar { background: #f1f1f1 url(images/grad1.gif) top left repeat-x; }
#subnavbar .before { width: 151px; background: url(images/bg-box1.gif) top left repeat-y; }
#subnavbar .after { background: url(images/bg-box1-top.gif) top left no-repeat; }
#subnav { padding: 20px 12px; background: url(images/bg-box1-bottom.gif) bottom left no-repeat; font-family: Arial, Helvetica, sans-serif; list-style:none;}
#subnav h2 { padding: 0; color: #666e6e; }
#subnav a { text-decoration: none; }
#subnav a:hover, #subnav a.on { text-decoration: underline; }
#subnav li { padding: 6px 0; font-size: 18px; }
#subnav li .tagline { display: block; padding: 6px 0; font-size: 11px; color:#484848;}
#subnav li a, #subnav li a:visited { color: #ff7100; }
#subnav ul li { padding: 4px 0 4px 25px; font-size: 12px }
#subnav ul li a, #subnav ul li a:visited { color: #484848; }
#subnav li.orange {color: #ff7100;}
#subnav li.orange:hover {color: #ffff;}

#highlights { margin-top: 1em; width: 340px; }
#highlights a { font-weight: bold; }
#highlights li { clear: left; margin-bottom: 1em; }
#highlights li img.thumb, #primeHighlight img.thumb { float: left; margin: 0 10px 1em 0; border: solid 1px #a1a1a1; }
#primeHighlight { margin-bottom: .5em; padding-right: 35px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; line-height: normal; }
#primeHighlight img.fltr { margin-top: 1em; }

/* Footer */

#footer { border-top: solid 7px #ff7100; }
#footer p { padding: .9em 25px 1em; float:left; }
#footer a, #footer a:visited { color: #ff7100;; text-decoration: underline; }
#footer a:hover { color: #666e6e; text-decoration: underline; }
#tld { width: 700px; margin: 5px auto 0; font-size: .9em; text-align: right; }

table {margin:20px 0 20px 0}
td {border:1px solid #ff7100;}
th{ vertical-align:top; background-color:#ff7100; color:#fff;}

.priceTableEnd{
background-color:#ffffff;
border:1px solid #ffffff;
}

.priceTableTop{
background-color:#FF923B;
border-top:1px solid #FF7100;
border-left:1px solid #FF7100;
border-right:1px solid #FF7100;
}

/* PopUp menu */

#verticalmenu a { text-decoration: none; }
#verticalmenu li .tagline { display: block; padding: 6px 0; font-size: 11px; color:#484848;}

#verticalmenu{
padding: 20px 12px; background: url(images/bg-box1-bottom.gif) bottom left no-repeat; font-family: Arial, Helvetica, sans-serif; list-style:none;/*WIDTH OF MAIN MENU ITEMS*/
}

#verticalmenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 142px; /*WIDTH OF MAIN MENU ITEMS*/
}

#verticalmenu li{
position: relative;
padding: 4px 0; 
font-size: 18px;
}

#verticalmenu li a{

color: #ff7100;
display: block;
width:131px;
text-decoration: none;
margin-left:-9px;
padding-left:9px;
height:24px;
line-height:24px;
}

#verticalmenu li a:hover{
background: #b3b3b3;
color: #5B5B5B;
}

#verticalmenu li a.on{
background: #b3b3b3;
color: #5B5B5B;
}


#verticalmenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 124px; /*WIDTH OF SUB MENU ITEMS*/
left: 0px;
top: 0px;
display: none;
height: 121px;
margin-left: -19px;
margin-top: 4px;
background-image:url(images/subnav_bg.jpg);
}

#verticalmenu li ul li{
float: left;
padding: 0px;
margin: 0px;
margin-left: 9px;
line-height: 16px;
}

#verticalmenu li ul a{
width: 115px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
font-size: 14px;
color:#FFFFFF;
}


/* IE \*/
* html #verticalmenu li { float: left; height: 1%; }
* html #verticalmenu li a { height: 1%; }
/* End */