@charset "utf-8";
/* CSS Document */

/* CABALLO NEGRO -- GLOBAL SETTINGS
	 ================================ */
	 
/* NOTES
	 -------------------------------- 
	 .sub = All Pages But Home Page
	 .page = All Pages 
	 -------------------------------- */

/* RESET
	 -------------------------------- */
h1, h2, h3, h4, h5, h6, p, ul, dl, fieldset, textarea { margin:0; padding:0; }
input { margin:0; padding-top:0; padding-bottom:0; }
img { border:none; }

/* DEFAULTS
	 -------------------------------- */
html { height:100%; overflow:auto; }
body { background-color:#fff; font-family:Arial, Helvetica, sans-serif; margin:0; }
.buy-now .mastbd .main-col h4  { color:#a4b600; }
h4, h5, h6, p, strong, li, dt, dd, address, label, input, textarea, select { color:#4d4d4d; }
p, strong, em, li, dt, dd, address, label, input, textarea, select { font-size:11px; line-height:14px; }
p.large { font-size:12px; line-height:16px; }
p { margin:11px 0; }
a { color:#a4b600; outline:none; }
a:hover { color:#999; }

/* DOCUMENT STRUCTURE
	 -------------------------------- */
.extended { height:auto; padding:56px 0 25px; position:relative; width:100%; }
.extended .top-bar { background-color:#e6e6e6; height:56px; right:0; position:absolute; top:56px; width:50%; }
.doc { background-color:#fff; width:900px; margin:0 auto; position:relative; z-index:2; }
.doc .rc-tl { background:url(../images/page/page-rcs.gif) left top; height:40px; left:0; position:absolute; top:0; width:40px; z-index:4; }
.doc .sub { background:url(../images/sub/sub-bkgd-bubbles.jpg) no-repeat left bottom; border:1px solid #ccc; width:auto; position:relative; z-index:0; } 

/* MASTER HEADER
	 -------------------------------- */
.page .masthd { padding-left:245px; width:653px; position:relative; z-index:2; }
.page .masthd .logo { height:151px; left:58px; position:absolute; top:25px; width:137px; }
.page .masthd .main-bar { background:#ccc url(../images/page/page-rc-main-bar.gif) no-repeat bottom left; padding-left:42px; position:relative; width:611px; }
.page .masthd .main-bar .nav { background-color:#ccc; overflow:hidden; }
.page .masthd .main-bar .nav li { float:left; list-style-type:none; }
.page .masthd .main-bar .nav li a { background-image:url(../images/page/page-main-nav.gif); display:block; height:55px; }
.page .masthd .main-bar .nav1 a { background-position:0 top; width:70px; } /* HOME */
.page .masthd .main-bar .nav2 a { background-position:-70px top; width:104px; } /* PRODUCTS */
.page .masthd .main-bar .nav3 a { background-position:-174px top; width:71px; } /* NEWS */
.page .masthd .main-bar .nav4 a { background-position:-245px top; width:83px; } /* EVENTS */
.page .masthd .main-bar .nav5 a { background-position:-328px top; width:116px; } /* CONTACT US */
.page .masthd .main-bar .nav6 a { background-position:-444px top; width:105px; } /* BUY NOW */
.page .masthd .main-bar .nav1 a:hover { background-position:0 bottom; } /* HOME */
.page .masthd .main-bar .nav2 a:hover { background-position:-70px bottom; } /* PRODUCTS */
.page .masthd .main-bar .nav3 a:hover { background-position:-174px bottom; } /* NEWS */
.page .masthd .main-bar .nav4 a:hover { background-position:-245px bottom; } /* EVENTS */
.page .masthd .main-bar .nav5 a:hover { background-position:-328px bottom; } /* CONTACT US */
.page .masthd .main-bar .nav6 a:hover { background-position:-444px bottom; } /* BUY NOW */
.page .masthd .sub-bar { background:#4d4d4d url(../images/sub/sub-rc-sub-bar.gif) no-repeat bottom left; padding:0 42px; position:relative; width:auto; }
.page .masthd .sub-bar h1 { height:40px; }

/* MASTER BODY
	 -------------------------------- */
.page .mastbd { width:auto; }
.sub .mastbd .side-bar { float:left; position:relative; width:255px; }
.sub .mastbd .main-col { float:right; margin-bottom:75px; padding-top:50px; position:relative; width:643px; }

/* MASTER FOOTER
	 -------------------------------- */
.page .mastft { clear:both; height:72px; margin:0 23px 0 255px; position:relative; width:auto; }
.sub .mastft { border-top:1px solid #e6e6e6; }
.page .mastft .rc-br { background:url(../images/page/page-rcs.gif) left bottom; bottom:-1px; height:65px; position:absolute; right:-24px; width:65px; }
.page .mastft ul { overflow:hidden; padding:29px 0; width:auto; }
.page .mastft ul li { float:left; height:14px; list-style-type:none; padding-right:2px; }
.page .mastft ul li a { background-image:url(../images/page/page-footer-nav.gif); display:block; height:14px; }
.page .mastft ul li.nav1 a { background-position:left bottom; width:97px; } /* PRIVACY/TERMS */
.page .mastft ul li.nav2 a { background-position:-97px -14px; width:59px; } /* SITE MAP */
.page .mastft ul li.nav3 a { background-position:-156px -14px; width:118px; } /* ABOUT BLACK HORSE */
.page .mastft ul li.nav4 a { background-position:right bottom; width:78px; } /* CONTACT US */
.page .mastft ul li.nav1 a:hover { background-position:left top; } /* PRIVACY/TERMS */
.page .mastft ul li.nav2 a:hover { background-position:-97px 0; } /* SITE MAP */
.page .mastft ul li.nav3 a:hover { background-position:-156px 0; } /* ABOUT BLACK HORSE */
.page .mastft ul li.nav4 a:hover { background-position: right top; } /* CONTACT US */
.page .mastft ul li.copy { color:#999; font-size:10px; line-height:10px; padding-left:17px; }

/* COCKTAIL CAROUSEL
	 -------------------------------- */
.cocktail .carousel-mask { height:120px; overflow:hidden; margin:0 29px; padding:15px 0; position:relative; }	 
.cocktail .carousel { height:120px; width:242px; }
.cocktail .carousel .list { height:82px; }
.cocktail .carousel .list .item { height:77px; width:242px; position:relative; }
.cocktail .carousel h1 { height:25px; }
.cocktail .carousel .list .item div { width:242px; height:77px; position:relative; }
.cocktail .carousel .list .item div span { position:absolute; top:0; left:100px; width:142px; }
.cocktail .carousel .nav { height:13px; position:relative; width:85px; z-index:4; }
.cocktail .carousel .nav .tri { background-image:url(../images/page/cn-carousel-controls.gif); cursor:pointer; height:13px; position:absolute; top:0; }
.cocktail .carousel .nav .prev { left:0; width:9px; }
.cocktail .carousel .nav .next { right:0; width:76px; }
.home .carousel h1 { background:url(../images/home/home-messaging-sec2.gif) no-repeat 0 -50px; }
.home .carousel .list .item div span { color:#fff; }
.home .carousel .nav .prev { background-position:left top; }
.home .carousel .nav .next { background-position:right top; }
.products .carousel-mask { margin:0; }
.products .carousel { width:232px; }
.products .carousel .list .item { width:232px; }
.products .carousel .list .item div { width:232px; }
.products .carousel .list .item div span { width:132px; }
.products .cocktail .carousel h1.all { background:url(../images/products/cn-carousel-messaging01.gif) no-repeat top left; }
.products .cocktail .carousel .nav .cta { background-position:-9px 13px; }
.products .cocktail .carousel .nav .prev { background-position:left bottom; }
.products .cocktail .carousel .nav .next { background-position:right bottom; }

/* GALLARY
	 -------------------------------- */
.pika_main { float:left; height:275px; position:relative; width:300px; }
ul#pikame{ float:left; width:320px;	}
ul#pikame li{	float: left; margin:0 0 21px 21px; }
ul#pikame li img { cursor:pointer; position:relative; }
.pikachoose li{ float:left; position:relative; overflow:hidden; list-style:none;}
.pika_play { position:absolute; right:20px; top:10px; z-index:1; }
.pika_play a { position:relative; margin-left:auto; cursor:pointer;}
.pika_caption{ height:30px; text-align:center; width:100%; }
.pika_navigation { bottom:14px; height:36px; left:0; overflow:hidden; position:absolute; width:300px; }
.pika_navigation a { background-image:url(../images/page/cn-gallery-nav.gif); background-repeat:no-repeat; cursor:pointer; display:block; height:36px; padding-top:36px; position:absolute; width:100px; }
.pika_navigation a:first-child { background-position:top left; left:0; top:0; }
.pika_navigation a:last-child { background-position:top right; right:0; top:0; }

/* MODAL
	 -------------------------------- */	
.modal-mask { background-color:#000; display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:4; }
.modal-panel { background-color:#fff; display:none; left:50%; position:fixed; top:50%; z-index:1000; }
.modal-panel .close-btn, .open-modal { cursor:pointer; }