@charset "utf-8";
/* PAGE SETUP */

body { background-color:#F60; font-family:Arial, Helvetica, sans-serif;}
#pageFrame{ margin:auto; width:835px;}
.topPageFrame { background:url(../images/toppageframe.jpg) no-repeat bottom left; height:17px; padding:30px 30px 0 30px;}
.topPageFrame h6 { font-weight:bolder;}
.bottomPageFrame { background:url(../images/bottompageframe.jpg) no-repeat top left; height:34px;}

#wrapper{ background:url(../images/wrapperbg.jpg) repeat-y top; padding:0 21px;}

/*FONTS*/
h1{ font-size:24px;}
h2{ font-size:20px; line-height:24px;}
h3{ font-size:16px; line-height:20px;}
h4{ font-size:13px; line-height:17px;}
h5{font-size:12px; line-height:16px;}
h6{ font-size:10px;}
p{ font-size:12px; margin:10px 0; line-height:15px;}

.fontsize14 {font-size:14px;}

.whiteText { color:#FFF;} a:link.whiteText, a:visited.whiteText { color:#FFF; text-decoration:none;} a:hover.whiteText { text-decoration:underline;}
.yellowText { color:#FECC00;} a:link.yellowText, a:visited.yellowText { color:#FECC00; text-decoration:none;} a:hover.yellowText { text-decoration:underline;}
.GreyLight { color:#CCC;} a:link.GreyLight, a:visited.GreyLight { color:#CCC; text-decoration:none;} a:hover.GreyLight { text-decoration:underline;}
.GreyMid {color:#999;} a:link.GreyMid, a:visited.GreyMid { color:#999; text-decoration:none;} a:hover.GreyMid { text-decoration:underline;}
.GreyDark { color:#666;} a:link..GreyDark, a:visited..GreyDark { color:#666; text-decoration:none;} a:hover..GreyDark { text-decoration:underline;}
.GreyDarkest {color:#333;} a:link.GreyDarkest, a:visited.GreyDarkest { color:#333; text-decoration:none;} a:hover.GreyDarkest { text-decoration:underline;}
.GreenLight {color:#CF0;} a:link.GreenLight, a:visited.GreenLight { color:#CF0; text-decoration:none;} a:hover.GreenLight { text-decoration:underline;}
.GreenMid {color:#CC0;} a:link.GreenMid, a:visited.GreenMid { color:#CC0; text-decoration:none;} a:hover.GreenMid { text-decoration:underline;}
.redLight {color:#FF0000;} a:link.redLight, a:visited.redLight { color:#FF0000; text-decoration:none;} a:hover.redLight { text-decoration:underline;}
.redMid {color:#C00} a:link.redMid, a:visited.redMid { color:#C00; text-decoration:none;} a:hover.redMid { text-decoration:underline;}
.redDark {color:#900} a:link.redDark, a:visited.redDark { color:#900; text-decoration:none;} a:hover.redDark { text-decoration:underline;}
.orangeLight {color:#F60} a:link.orangeLight, a:visited.orangeLight { color:#F60; text-decoration:none;} a:hover.orangeLight { text-decoration:underline;}


#header { border:2px solid #fff; border-left:none; border-right:none;}
#header .image { border-right:2px solid #fff;}

.ui-tabs { }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 10px 20px 10px 40px;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 20px -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .2em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.copyFrame { border:1px solid #F60; background:#fff; width:791px;}
.copyFrameTop { background:url(../images/copyframetopbg.jpg) repeat-x top; height:18px;}
.copyFrameBottom { background:url(../images/copyframeBottombg.jpg) repeat-x top; height:18px;}
.copyHolder { padding:5px 40px;}
.copyHolder form { margin-left:0px; width:390px;}
.copyHolder label { width:120px; float:left; font-size:12px; font-weight:bold; color:#333; margin-top:4px;}
.copyHolder input[type=text]{ width:260px; border:1px solid #666; background:#CCC; margin-bottom:15px;}
.copyHolder textarea {width:260px;}
.productImage { margin-right:7px;}

#gurantee { margin-top:5px; padding-bottom:0px; border-bottom:2px solid #fff;}

#map {}
#map small a:link, #map small a:visited {font-weight:bold; color:#000; text-decoration:underline; font-size:10px; margin-top:8px;}