@charset "utf-8";
/* resets */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,address,cite{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* font normalizing, in %, starts at 10.
10-77  11-85  12-93  13-100  14-108  15-116  16-123.1  17-131  18-138.5  19-146.5  20-153.9  21-161.6  22-167  23-174  24-182  25-189  26-197 */
body{font:13px/1.231 Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;color:#5c432f}
select,input,button,textarea,button{font:99% Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}
table{font-size:inherit;font-size:100%}
pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%}
h1,h2,h3{font-weight:normal}
h1{font-size:300%;margin-bottom:20px;text-transform:uppercase}
h2{font-size:216%;margin:20px 0}
h3{font-size:138.5%}
h4{font-size:108%}
h5{font-size:100%}
h6{font-size:100%}

/* base setting */
html{}
body{text-align:center;color:#000;background-color:#fff;margin:0 26px}
a{color:#dc0962;text-decoration:none}
a:hover{color:#dc0962}
a:focus{outline:none}
a b{display:none}
sup,sub{position:relative;vertical-align:0;font-size:smaller}
sup{bottom:0.3em}
sub{top:0.3em}
small{font-size:77%}
p{margin:.6em 0;font-size:93%;line-height:140%}
img{border:none}
.hr{border-top:#e6e4dd solid 1px}
.hr hr{display:none}
.alignCenter{display:block;margin:0 auto}
.alignLeft{float:left;display:inline}
.alignRight{float:right;display:inline}
	/* clearfix */
.clear{clear:both}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}

	/* CTA */
.cta160{text-align:center;text-transform:uppercase;display:block;width:160px;line-height:200%;background-color:#000;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}

/* container */
#container{width:864px;margin:0 auto;text-align:left;position:relative}

/* header */
#header{height:44px;width:864px;overflow:visible;position:fixed;top:29px;z-index:500;background-color:#fff;display:block}
#header .logo{display:block;float:left;margin:7px 15px 0 0}
#header .error{position:absolute;background-color:#fff;font-size:77%;color:#dc0962;left:615px;top:44px;padding:5px;display:none}
#userNav{float:right;font-size:9px;margin-top:14px}/* top 15 */
#userNav li{display:inline;padding-left:4px}/* left 18px*/
#userNav a{color:#a3a3a3;text-transform:uppercase}
#userNav a:hover{color:#dc0962}
#userNav input{width:120px;border:1px ridge #c9c9c9;background-color:#f2f2f2;padding:2px 1px}
#userNav button{border:0;padding:2px;margin:0;width:auto;overflow:visible;color:#858585;background-color:#fff}

/* content */
#content{clear:both;margin:96px 0 5px 0}
.onIndex{margin-top:0!important}

	/* index */
#introFrame{height:463px;overflow:hidden}
#introFrame .scrollable{position:relative;overflow:hidden;width:864px;height:463px}
#introFrame .scrollable .items{width:20000em;position:absolute;z-index:400}
#introFrame .scrollable .items div{float:left;width:864px;height:1%;overflow:hidden}
#introFrame .scrollable .items img{width:864px}
#introFrame #flowtabs{margin-left:23px;width:400px;height:30px;position:absolute;top:425px;z-index:450}
#introFrame #flowtabs li{display:inline; float:left}
#introFrame #flowtabs a{width:8px;height:8px;float:left;margin:5px 4px 3px 4px;background:url(../ui/ui_scrollable_navi.png) 0 0 no-repeat;display:block;font-size:1px}
#introFrame #flowtabs a:hover{background-position:0 -8px}
#introFrame #flowtabs a.active{background-position:0 -16px}
#introFrame #flowtabs .prev{background:url(../ui/ui_scrollable_navi.png) -16px -10px no-repeat;margin:5px 4px 3px 4px;height:8px;width:6px;overflow:hidden;cursor:pointer}
#introFrame #flowtabs .prev:hover{background-position:-16px 0}
#introFrame #flowtabs .next{background:url(../ui/ui_scrollable_navi.png) -10px -10px no-repeat;margin:5px 4px 3px 4px;height:8px;width:6px;overflow:hidden;cursor:pointer}
#introFrame #flowtabs .next:hover{background-position:-10px 0}

	/* Product Fullview */
#product{overflow:hidden;height:1%}
#product .rounded{background-color:#000;-moz-border-radius:6px;-webkit-border-radius:6px}
#straightAwayPro{display:none;z-index:90000;padding:40px;width:576px;height:446px;background:url(../ui/ui_overlay_white.png) no-repeat}
#straightAwayPro .close{background:url(../ui/ui_overlay_close.png) no-repeat;position:absolute;right:5px;top:5px;cursor:pointer;height:35px;width:35px}
#mailingOverlay{display:none;z-index:90000;padding:40px;width:515px;height:115px;background:url(../ui/ui_overlay_small.png) no-repeat;text-align:left!important;}
#mailingOverlay .close{background:url(../ui/ui_overlay_small_close.png) no-repeat;position:absolute;right:25px;top:25px;cursor:pointer;height:17px;width:17px}
#mailingOverlay h1{font-size:174%; line-height:80%;}
#mailingOverlay p{margin:0 0 20px 0;}
#mailingOverlay #oMailingEmail{width:300px}
#mailingOverlay #oMailingSubmit{}
#mailingOverlay .error {font-size:77%;color:#dc0962;padding:5px;display:none}

#pColOne{text-align:center;width:490px}
#pColOne img{margin:40px auto}
#pColTwo{width:350px}
#pColTwo h3{font-size:182%;color:#dc0962;margin-bottom:2px}
#product .price{padding:3px 2px;width:88px;font-size:174%;font-weight:bold;color:#fff;float:left}
#product .addtocart{padding:7px 4px 6px 4px;text-align:center;width:136px;font-size:131%;float:left;font-weight:bold}
#pColOne {text-align:center;width:490px}
#pColTwo {width:350px;color:#171921;overflow:hidden;height:1%;}
#pColTwo .price{float:left;display:inline;margin-top:11px;color:#171921;width:145px}
#pColTwo .price dt{margin-top:5px;font-size:100%;font-weight:bold;text-transform:uppercase;line-height:90%}
#pColTwo .price dd{font-size:77%;font-weight:normal;}
#pColTwo .buttons{float:right;display:inline;margin-top:20px;color:#171921}
#pColTwo .buttons li{padding-bottom:5px}
#pDescScroll{height:180px;padding-bottom:3px;overflow-x:hidden;color:#171921}
#pDescScroll ul{margin-left:20px;list-style-type:disc}
#pDescScroll li{margin:3px 0}

	/* contact us */
#formCol{float:left;width:375px;min-height:470px;display:inline}
#formCol{margin-left:140px}
#sendEmail li {display:block;margin-bottom:5px;clear:both}
#sendEmail .error{display:none;font-size:77%;color:#dc0962;padding:0 0 10px 90px}
#sendEmail label{display:inline-block;width:90px;font-size:85%;text-align:right;padding-right:5px}
#sendEmail label span,#sendEmail .req{color:#dc0962;font-size:12px!important}
#sendEmail input{width:270px}
#sendEmail #city{width:180px}
#sendEmail #state{width:35px}
#sendEmail .state{width:40px}
#sendEmail #zip{width:80px}
#sendEmail #country{width:85px}
#sendEmail .message{float:left}
#sendEmail #message{width:270px;height:160px}
#sendEmail .buttons{padding-left:90px;clear:both}
#sendEmail p{padding-left:97px}
#contactUs #ourContactInfo {float:left;width:170px;display:inline;margin-left:14px;padding-left:10px;border-left:1px solid #a9a9a9}
#ourContactInfo address{font-style:normal;margin:0 0 10px 0}
#ourContactInfo .phone{margin:0 0 10px 0}
#ourContactInfo h4{font-size:100%}

/* blogExcerpt (news on front) */
#blogExcerpt{margin:18px 0;clear:both}
#blogExcerpt a:hover{text-decoration:underline}
#blogExcerpt dl{float:left;width:29%;padding:0 3%;height:120px}
#blogExcerpt dl.exc1{padding-left:0;border-right:1px solid #e5e5e5}
#blogExcerpt dl.exc3{padding-right:0;border-left:1px solid #e5e5e5}
#blogExcerpt dt{font-weight:bold;font-size:93%}
#blogExcerpt dt a{color:#000}
#blogExcerpt dd p{font-size:85%;display:inline}
#blogExcerpt dd a{font-size:85%}
#blogExcerpt dd a:hover{text-decoration:underline}

/* blog */
#blog{margin:0 0 25px 0}
	/* blog page content */
#blog .ppcontent{width:520px;margin-right:30px}
#blog .aboutcontent{width:330px;margin-right:30px;margin-bottom:20px}
#blog .alignLeft ul {list-style:disc;margin:5px 0 5px 30px;color:#202020;display:block}
#blog .alignLeft ul ul{list-style:square;margin:0 0 0 20px}
#blog .alignLeft ol {list-style:decimal;margin:5px 0 5px 30px;color:#202020}
#blog .alignLeft ol ol{list-style:lower-latin;margin:0 0 0 20px}
#blog .alignLeft li {margin-bottom:.6em}
	/* Two col content */
#blogCol,#sidebar{float:left;display:inline;height:1%;overflow:hidden}
#blogCol{width:500px}
	/* blog entry */
#blogCol .fullpost{clear:both;padding-bottom:30px}
#blogCol .postheader{height:1%;overflow:hidden;position:relative}
#blogCol h2{margin:0;float:left;width:400px}
#blogCol h2 a{color:#000;text-decoration:none}
#blogCol small{color:#999;font-size:77%;position:absolute;right:1px;bottom:4px}
#blogCol .entry{clear:both}
#blogCol .entry p:first-child{margin-top:0}
#blogCol .entry blockquote{font-size:93%;margin-top:20px;margin-bottom:20px;margin-left:50px;padding-left:15px;border-left:3px solid #ccc}
#blogCol .entry h3{font-weight:bold;border-bottom:1px solid #CCCCCC;margin-top:25px;margin-bottom:5px;font-size:108%}
#blogCol .entry h3 span{font-weight:normal}
#blogCol .entry h4{margin-top:20px;color:#333333}
#blogCol .entry p{color:#202020;margin:.8em 0}
#blogCol .entry dt{font-weight:bold;padding-top:5px}
#blogCol .entry dd{margin-left:30px;width:85%}
#blogCol .entry li{margin:3px 0}
#blogCol .entry > ul{list-style:disc;margin:5px 0 5px 30px;color:#202020;display:block}
#blogCol .entry > ul ul{list-style:square;margin:0 0 0 20px}
#blogCol .entry > ol{list-style:decimal;margin:5px 0 5px 30px;color:#202020}
#blogCol .entry > ol ol{list-style:lower-latin;margin:0 0 0 20px}
#blogCol .entry .aligncenter{display:block;margin:10px auto}
#blogCol .entry .wp-caption{border:1px solid #CCCCCC;background-color:#e4e4e4;-moz-border-radius:3px;-webkit-border-radius:3px;padding:3px;text-align:center;font-size:77%}
#blogCol .alignleft{margin-right:10px;margin-bottom:8px;float:left}
#blogCol .alignright{margin-left:10px;margin-bottom:8px;float:right}
	/* sidebar */
#sidebar{width:195px;margin:80px 0 0 30px}
#sidebar > ul ul,#sidebar .widgettitle{padding-left:20px;border-left:1px solid #d9d9d9}
#sidebar > ul > li {margin-bottom:25px}
#sidebar a{color:#000}
#sidebar a:hover{color:#dc0962}
#sidebar .widgettitle{font-size:108%;font-weight:bold;padding-bottom:3px}

/* widget setting */
#sidebar .widget_categories li{font-size:108%;padding-bottom:1px}
#sidebar .twitter-item {margin-bottom:12px}
#sidebar .twitter-link {color:#dc0962}
#sidebar .twitter-timestamp {font-size:77%;color:#a3a3a3;display:block}


/* content nav */
#contentNav{position:fixed;left:77%;margin-left:130px;margin-top:3px;padding-left:20px;border-left:1px solid #d9d9d9}
#contentNav h6{font-size:108%}
#contentNav li{padding:1px 0}
#contentNav a{color:#000;text-decoration:none;font-size:108%}
#contentNav a:hover{color:#dc0962} 

/* footer */
#footer {font-size:8px;height:35px;width:864px;clear:both;padding:19px 0 0 0;border-top:1px solid #e5e5e5;font-family:Tahoma, Arial, sans-serif;background-color:#fff}
#footer li{float:left;display:block;padding:0 10px}
#footer li.first{padding-left:0}
#footer a{color:#858585;text-transform:uppercase;}
#footer a:hover{color:#dc0962}
#footer cite{float:right;color:#a3a3a3;font-style:normal;}

/* main nav */
#mainNav,
#mainNav li,
#mainNav ul{list-style:none;margin:0;padding:0;text-transform:uppercase}
#mainNav{position:relative;z-index:597;float:left}
#mainNav li{float:left;line-height:1.3em;vertical-align:middle;zoom:1;padding:0;line-height:normal;font-size:93%}
#mainNav li.hover,
#mainNav li:hover{position:relative;z-index:599;cursor:default}
#mainNav ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:598;width:100%;padding-bottom:4px}
#mainNav ul li{float:none;font-size:108%}
#mainNav ul ul{top:1px;left:99%}
#mainNav li:hover > ul {visibility:visible}
#mainNav > li {padding-bottom:1px}
	/* links */
#mainNav a:link,#mainNav a:visited{color:#000;text-decoration:none}
#mainNav a:hover{color:#dc0962;text-decoration:none}
#mainNav a:active{color:#000}
	/* drop down */
#mainNav ul{width:170px;background-color:#fff;font-size:77%}
#mainNav ul li{background-color:transparent;filter:none}
#mainNav ul li.hover,
#mainNav ul li:hover{background-color:transparent}
#mainNav ul a:link, /* 000 dc0962 fff */
#mainNav ul a:visited{color:#dc0962;padding:4px 5px 4px 14px;width:151px}
#mainNav ul a:hover{color:#fff;background-color:#dc0962;text-decoration:none}
#mainNav ul a:active{color:#fff}
	/* all level */
#mainNav *.dir{padding-right:12px}
#mainNav li a{display:block;padding:14px 14px}
#mainNav li.dir{padding:7px 20px 7px 14px}
#mainNav ul li.dir{padding-right:15px}

#mailing_end{height:300px}

/* scroll panel */
.jScrollPaneContainer{position:relative;overflow:hidden;z-index:1}
.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;border:1px solid #dc0962;padding:1px}
.jScrollPaneDrag{position:absolute;background:#dc0962;margin-right:1px;cursor:pointer;overflow:hidden}
.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden}
.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden}

a.jScrollArrowUp{background:url(../ui/ui_scroll_tips.png) 0 0 no-repeat;
display:block;position:absolute;z-index:500;top:0;right:0px;text-indent:-9000em;overflow:hidden;height:12px;width:10px}
a.jScrollArrowDown{background:url(../ui/ui_scroll_tips.png) 0 -10px no-repeat;
display:block;position:absolute;z-index:500;bottom:0;right:0px;text-indent:-9000em;overflow:hidden;height:12px;width:10px}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{}