/* Only styling based rules */

/* Elements */

body {
	background: #ebebec url("images/bg.gif") repeat-x;
	font: 10px/13px Verdana, Helvetica, Arial, sans-serif;
	color: #404042;
}

p, td, ul, ol, li, textarea {
	font: 10px/13px Verdana, Helvetica, Arial, sans-serif;
	color: #404042;
}
a:link      { color: #404042; text-decoration: none; }
a:visited   { color: #404042; text-decoration: none; }
a:hover     { color: #5FACCC; text-decoration: underline; cursor:pointer }
a:active    { color: #5FACCC; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { font: normal 14px Verdana, Helvetica, Arial, sans-serif }
h3 { font: normal 12px Verdana, Helvetica, Arial, sans-serif }

/* Classes */

ul.linklist li { list-style: none; border-left: 1px solid #AAAAB0}
ul.linklist li.first, .linklist li.no-separator {border-left: 0}
ul.linklistbulleted li a { background: url(images/bullet.gif) left center no-repeat }
ul.linklistbulleted a.active { color: #5FACCC; text-decoration: underline }

ul.navlist { border-top: 1px solid #e0e0e2 }
ul.navlist a {
    background-attachment:scroll;
    background-color: #efeff0;
	background-image: url("images/nav_grad.gif");
	border-bottom: 1px solid #e0e0e2;
	font: bold 10px/20px Verdana, Helvetica, Arial, sans-serif;
}
ul.navlist a:hover, ul.navlist a.active {
    background-attachment:scroll;
	background-position: 0 -20px;
	background-color: #fdfdfd;
	text-decoration: none;
	color: #5FACCC;
}

p.pcen a { color: #5FACCC }

a.click {
    color: #5FACCC;
    display: block;
    padding: 0 0 8px 10px;
    margin: 10px 0 0 3px;
    background: url("images/bullet.gif") no-repeat 0 .4em;
}

span.required {color:#FF0000}

.dealerlocator { float:right; background: url(images/dealerlocator_bg.gif) no-repeat; width:216px; height:89px}
.dealerlocator .title {position:relative; left:21px; top:13px;font-weight:bold}
.dealerlocator .zip {position:relative; left:20px; top:25px}

span.stn_button { background: url("images/button_bg.gif") no-repeat right top }
span.stn_button a { background: url("images/button_bg.gif") no-repeat;	font-weight: bold; color: #fff !important;}

/* Named Elements */
#mainlogo {background: url(images/raptor_logo.gif) no-repeat;}
#heading { 
    font: normal 24px/50px "Trebuchet MS", Trebuchet, "Lucida Grande", Lucida, sans-serif;
	color: #8bbaca;
}

#nav { background: url(images/topmenu-base.gif) no-repeat }
#nav li { color: #5FACCC }

h2#title { 
    font: normal 20px/24px "Trebuchet MS", Trebuchet, "Lucida Grande", Lucida, sans-serif;
	border-bottom: 1px solid #8bbaca;
}
h2#title span {	border-bottom: 1px solid #8bbaca }
#backstagelogo { background: url(images/backstage.gif) no-repeat }

/* product list and product details rules */

#ProdInfo h2 { color: #444; font: normal 20px "Trebuchet MS", Trebuchet, "Lucida Grande", Lucida, sans-serif}
#ProdInfo h2 span { font: normal 16px "Trebuchet MS", Trebuchet, "Lucida Grande", Lucida, sans-serif; color: #8bbaca}

div.tabcontent a { color: #5FACCC}
div.tabcontent p { text-align:left}
div.tabcontent a:visited { color: #5FACCC; text-decoration: none}
div.tabcontent a:hover { color: #5FACCC; text-decoration: underline}
div.tabcontent h2 { font: normal 20px "Trebuchet MS", Trebuchet, "Lucida Grande", Lucida, sans-serif}
div.tabcontent h2 span { font: normal 16px "Trebuchet MS", Trebuchet, "Lucida Grande", Lucida, sans-serif; color: #8bbaca}

table.productlist td div { background: url("images/widedots.gif") repeat-y 4px 0 }
table.productlist td div.b_row { background: none }
table.productlist strong a { color: #404042 !important; text-decoration: none }
table.productlist strong a:hover { text-decoration: none }
p.alphabeticbreakdown a {color: #5FACCC;}

table.articlesummarylist {width:560px}
table.articlesummarylist tr td { width:187px}
table.articlesummarylist img { width:176px; height:91px;}
table.articlesummarylist p { width:170px }

table.eventlist { margin-top:10px; width:560px;}
table.eventlist tr td { width:50%; padding:15px 15px 15px 0}
table.eventlist h3 {font-weight:bold}

p.alphabeticbreakdown a {color: #5FACCC;}

dl#specs dt { font-weight: bold; background-color: #EBEBEC }
dl#specs dt.section { background: url("images/spec_group_bg.gif") no-repeat; font-size: 12px; color: #FFF }
dl#specs dt.comment { color: #999; font-size: 10px; font-weight: normal; background-color: #FFF }

#downloads_list dt { font-size: 12px; border-bottom: 1px solid #e0e0e2 }
#downloads_list dt a { color: #5FACCC }


/* CMS rules  - please do not change */
.cmsMessage {position:absolute; top:92px; left:5px; font: 11px Arial, Verdana, Sans-serif;}
.cmsTextbox {padding: 1px ; height:12px; font: 11px Verdana, Helvetica, Arial, sans-serif; border: 1px solid #A5ACB2; z-index:1000}

dl.sync dt {background-color:#eee}

a.cmsLink:link { color: #5FACCC; text-decoration: none; }
a.cmsLink:visited { color: #5FACCC; text-decoration: none }
a.cmsLink:hover{ color: #5FACCC; text-decoration: underline }
a.cmsLink:active{ color: #5FACCC; text-decoration: underline }

ul.cms-navlist a {
    height: 30px;
	font: bold 11px Arial, Verdana, Sans-serif;
	color: #555;
    text-decoration: none;
}
ul.cms-navlist a:hover, ul.cms-navlist a.active { text-decoration: none; color: #5FACCC }
p.cmsalphabeticbreakdown a {color: #5FACCC;font: normal 14px "Trebuchet MS", Trebuchet, "Lucida Grande", Lucida, sans-serif;}
dl.cmsFormFields dt { font-weight: bold; background-color: #fff; margin: 12px 0 8px }
dl.cmsFormFields dt.section { background-color: #aaa; font-size: 12px; color: #FFF }
dl.cmsFormFields dd {margin-left: 10px; text-align:left }
dl.cmsFormFields dd.radios input[type="radio"] {margin-left:10px }
dl.cmsFormFields textarea {height:66px }
dl.cmsFormFields .text { font: 10px Verdana, Helvetica, Arial, sans-serif; border: 1px solid #A5ACB2; padding: 2px; width:260px; }

dl.cmsDetailsFields dt { font-weight: bold; clear:left; background-color: #fff; margin: 12px 0 4px }
dl.cmsDetailsFields dt.section { background-color: #aaa; font-size: 12px; color: #FFF }
dl.cmsDetailsFields dd {margin-bottom:25px; margin-left: 10px; text-align:left }
dl.cmsDetailsFields .text { font: 10px Verdana, Helvetica, Arial, sans-serif; border: 1px solid #A5ACB2; padding: 2px; vertical-align: top; }
div.cmsproductDetailsTab {height: 700px; width:685px; overflow:auto}
img.cmsProductImage {float:left; margin:10px; text-align:left}