/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Cockspur Stylesheet
Author : Wes Smith / www.moresoda.co.uk / Moresoda Design Ltd.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#000000; color:#ffffff; text-align:left; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- MAIN IDS ----- */
#header-container { width:100%; height:225px; margin:0; background:url(../images/header-bg.jpg) repeat-x;}   
#header-container #header { width:960px; height:225px; margin:0 auto;}
#header-container #header #top { width:960px; height:167px; position:relative;}
#header-container #header #top #logo { position:absolute; top:18px; left:723px;}
#header-container #header #top #image {
	position:absolute;
	top:1px;
	left:0;
}
#content-container { width:100%; min-height:706px; background:url(../images/content-bg-home.jpg) 0 0 repeat-x;}
#content-container #content { width:960px; margin:0 auto; font-size:12px;}
#content-container #content .content-padding { padding:25px 0;}
#content-container #content .content-padding #left-col { width:600px; float:left;}
#content-container #content .content-padding #left-col #welcome-box { width:480px; min-height:300px; padding:0 0 0 120px; position:relative; margin-bottom:50px;}
#content-container #content .content-padding #left-col #welcome-box #bottles { position:absolute; top:-70px; left:10px;}
#content-container #content .content-padding #left-col #welcome-box .welcome { font-size:17px; font-weight:bold; padding:5px 40px 0 100px; line-height:22px;}
#content-container #content .content-padding #left-col #join-box {
	width:600px;
	height:298px;
	position:absolute;
	top: 565px;
}
#content-container #content .content-padding #left-col #join-box #pic { position:absolute; top:-43px; left:10px;}
#content-container #content .content-padding #left-col #join-box .join-padding { padding:20px 18px 0 365px;}

#content-container #content .content-padding #right-col { width:360px; float:right;}
#content-container #content .content-padding #right-col #video-box {
	width:360px;
	margin-bottom:60px;
}
#content-container #content .content-padding #right-col #video-box #video {
	width:360px;
	height:310px;
	background:url(../images/video-bg.png) no-repeat;
}
#content-container #content .content-padding #right-col #video-box #video .videoPadding {
	padding:34px 0 0 32px;
}
#video-box-big {
	width:470px;
	padding:20px 0 0 40px;
	margin-bottom:20px;
}
#video-box-big #video-big {
	width:470px;
	height:366px;
	background:url(../images/video-bg-big.jpg) no-repeat;
}
#video-box-big #video-big .bigPadding {
	padding:26px 0 0 30px;
}
#content-container #content .content-padding #right-col #video-box .watch { float:right; margin-right:10px; color:#cc0026; font-size:14px;}
#content-container #content .content-padding #right-col #win-box { width:360px;}
#content-container #content .content-padding #right-col #win-box .win-padding { padding:0 0 0 40px;}
#content-container #content .content-padding #right-col #win-box .win-title {
	width:272px;
	height:34px;
	padding:2px 0 0 10px;
	text-align:left;
	font-weight:bold;
	font-size:20px;
	color:#ffffff;
	background:url(../images/red-box-bg2.gif) no-repeat;
	margin-bottom:7px;
}
#content-container #content .content-padding #right-col #win-box #win-image { width:283px; height:151px; position:relative;}
#content-container #content .content-padding #right-col #win-box #win-image #win-text { width:253px; height:39px; padding:6px 10px 0 10px; background:#211e19; position:absolute; top:85px; left:5px; font-weight:bold; line-height:16px;}

/* ----- INTERNAL PAGE IDS ----- */
#content-container-int { width:100%; font-size:12px;}
#content-container-int #red-bar-container { width:100%; background:url(../images/red-bar-bg.jpg) repeat-x;}
#content-container-int #red-bar-container #red-bar {
	width:960px;
	height:60px;
	padding:7px 0 0 0;
	margin:0 auto;
}
#content-container-int #container { width:100%; background:url(../images/content-bg-int.jpg) repeat;}
#content-container-int #container #content-int { width:960px; margin:0 auto;}
#content-container-int #container #content-int .int-padding { padding:20px 0;}
#content-container-int #container #content-int .int-padding #left-col { width:600px; float:left;}
#content-container-int #container #content-int .int-padding #left-col #text-area #cricket-ball { position:absolute; bottom:0; right:25px;}
#content-container-int #container #content-int .int-padding #left-col #text-area { width:600px; background:#110f0b; position:relative; margin-bottom:30px;}
#content-container-int #container #content-int .int-padding #left-col #text-area .text-area-padding { padding:25px 25px 65px 25px;}
#content-container-int #container #content-int .int-padding #left-col #text-area .text-area-padding p { padding:0 0px 10px 0;}
#content-container-int #container #content-int .int-padding #left-col #text-area .text-area-padding .narrow-text {
	padding:0 180px 10px 0;
}
#content-container-int #container #content-int .int-padding #left-col #text-area .text-area-padding .main-pic { margin-bottom:15px; border:#FFF solid 5px;}
#content-container-int #container #content-int .int-padding #left-col #text-area .text-area-padding .large-text { font-size:17px; font-weight:bold; line-height:24px;}
#content-container-int #container #content-int .int-padding #left-col #column-container { width:600px; background:url(../images/column-container-bg.gif) repeat-y;}
#content-container-int #container #content-int .int-padding #left-col #column-container .column-padding { padding:0 25px;}
#content-container-int #container #content-int .int-padding #left-col #column-container .column-padding .image-spacer { margin-bottom:15px;}
#content-container-int #container #content-int .int-padding #left-col #column-container .column-padding #left { float:left; width:275px;}
#content-container-int #container #content-int .int-padding #left-col #column-container .column-padding #left .left-padding { padding:0 30px 0 0;}
#content-container-int #container #content-int .int-padding #left-col #column-container .column-padding #right { float:right; width:275px;}
#content-container-int #container #content-int .int-padding #left-col #column-container .column-padding #right .right-padding { padding:0 20px 0 30px;}

#content-container-int #container #content-int .int-padding #right-col { width:300px; float:right;}
#content-container-int #container #content-int .int-padding #right-col #cockeral-club-box { width:300px; clear:both; margin-bottom:45px;}
#content-container-int #container #content-int .int-padding #right-col #cockeral-club-box .title2 { font-size:20px; font-weight:bold; color:#cc0026; padding:0;}
#content-container-int #container #content-int .int-padding #right-col #cockeral-club-box #club-image { width:300px; position:relative;}
#content-container-int #container #content-int .int-padding #right-col #cockeral-club-box #club-image #more-info { position:absolute; top:110px; left:120px; width:112px; height:28px; padding:8px 0 0 0; background:url(../images/more-info-bg-wht.png) no-repeat; float:right; text-align:center; color:#FFFFFF;}
#content-container-int #container #content-int .int-padding #right-col #news-box { width:300px;}
#content-container-int #container #content-int .int-padding #right-col #news-box #news-top { width:300px; height:30px; background:url(../images/news-box-top.gif) no-repeat; font-size:0;}
#content-container-int #container #content-int .int-padding #right-col #news-box #news-bottom { width:300px; height:20px; background:url(../images/news-box-bottom.gif) no-repeat;}
#content-container-int #container #content-int .int-padding #right-col #news-box #news-body { color:#000; width:300px; background:url(../images/news-box-body.gif) top left repeat-y;}
#content-container-int #container #content-int .int-padding #right-col #news-box #news-body .news-padding { padding:0 20px;}
#content-container-int #container #content-int .int-padding #right-col #news-box #news-body .news-padding .news-item { color:#000000; padding-bottom:10px;}
#content-container-int #container #content-int .int-padding #right-col #news-box #news-body .news-padding .news-item .news-title { font-weight:bold; padding:0;}
#content-container-int #container #content-int .int-padding #right-col #news-box #news-body .news-padding .news-item .news-date { color:#666666; padding:0 0 5px 0;}
#content-container-int #container #content-int .int-padding #right-col #news-box #news-body .news-padding .news-item p { padding:0 0 15px 0; line-height:16px;}
#content-container-int #container #content-int .int-padding #right-col #news-box #news-body .news-padding .news-item a { color:#000000;}

#content-container-int #bottom { width:100%; height:66px; background:url(../images/bottom-repeat.jpg) repeat-x;}


/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.print-show { display:none; }
.float-left { float:left !important; }
.float-right { float:right !important; }
.align-eft { text-align:left !important; }
.align-center { text-align:center !important; }
.align-right { text-align:right !important; }
.align-justify { text-align:justify !important; }
.align-bottom { vertical-align:bottom !important; }
.image-right { float:right; padding:0 0 15px 15px; }
.image-left { float:left; padding:0 15px 15px 0; }
.image-left-border {
	float:left;
	margin:0 10px 10px 0;
	border:#fff solid 5px;
}
.image-center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.title1 { font-size:36px; font-weight:bold; color:#ffcd8b; line-height:40px;}
.title2 {
	font-size:20px;
	font-weight:bold;
	color:#cc0026;
	line-height: 130%;
}
.title3 { font-size:30px; color:#FFFFFF; font-weight:bold;}
.title4 { font-size:20px; color:#17140e; font-weight:bold; line-height:20px; padding:0 0 20px 0;}
.more-info { color:#fff; width:112px; height:28px; padding:8px 0 0 0; background:url(../images/more-info-bg.gif) no-repeat; float:right; text-align:center;}
.banner{margin-top:45px;}
.divider {
	width:100%;
	height:1px;
	background:#cc0026;
	margin:20px 0;
	font-size:0px;
}


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold;}
h4{padding:0 0 20px 0;}


/* ----- TOP NAVIGATION ----- */
#top-nav { width:960px; height:57px;}
#top-nav ul {
	list-style:none;
	padding:17px 0 0 123px;
	margin:0;
}
#top-nav li { float:left; display:inline; padding:0;}
#top-nav li a {
	float:left;
	display:block;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	padding:0 13px 0 13px;
	margin: 0;
	color:#fff;
}
#top-nav li a:hover { color:#cc0026; background:#fff;}
#top-nav li a.active { color:#cc0026; background:#fff;}


/* ----- RIGHT NAVIGATION ----- */
#right-nav { width:300px; margin-bottom:50px;}
#right-nav ul { list-style:none; padding:0; margin:0;}
#right-nav li { float:left; display:block; padding:0; width:250px; margin-bottom:13px;}
#right-nav li a { float:left; display:block; font-weight:bold; text-decoration:none; background:url(../images/right-nav-right.gif) top right no-repeat; color:#FFFFFF; font-size:20px;}
#right-nav li a span { display:block; background:url(../images/right-nav-left.gif) top left no-repeat; padding:2px 20px 2px 15px;}
#right-nav li a:hover { color:#cc0026; background:url(../images/right-nav-right-hover.gif) top right no-repeat;}
#right-nav li a:hover span { background:url(../images/right-nav-left-hover.gif) top left no-repeat;}
#right-nav li a.active { color:#cc0026; background:url(../images/right-nav-right-hover.gif) top right no-repeat;}
#right-nav li a.active span { background:url(../images/right-nav-left-hover.gif) top left no-repeat;}


/* ----- FOOTER ----- */
#footer-container { width:100%;}
#footer { width:960px; margin:0 auto; border-top:1px solid #cc0026; font-size:11px; position:relative;}
#footer #links {
	position:absolute;
	top:-28px;
	right:0px;
}
#footer #links a { color:#fff; font-weight:bold; font-size:12px;}
#footer .padding { padding:5px 0 0 0;}
#footer a { font-weight:normal; text-decoration:none; outline:none;}
#footer a:hover { text-decoration:underline; background:none;}


/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 10px 0; margin:0; line-height:18px; }
address { font-style:normal;}
ul, ol {
	margin:0;
	padding:0 0 15px 15px;
}
table{margin:0; padding:0;}

/* ----- LINKS ----- */
a {
	color:#cc0026;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	/*text-decoration:underline;*/
	background: #fff;
}
#content-container #content .content-padding #right-col #win-box #win-image #win-text a{ color:#FFFFFF;}
#content-container #content .content-padding #right-col #win-box #win-image #win-text a:hover{background:#cc0026;}


#content-container #content .content-padding #right-col #win-box .competition-div {
	padding:0;
	border:0;
	width:282px;
	height: 36px;
}

#content-container #content .content-padding #right-col #win-box .competition-div a {
	display:block;
	color: #fff;
	text-decoration:none;
	background: url(../images/right-nav-right.gif) no-repeat right top;
}

#content-container #content .content-padding #right-col #win-box .competition-div a span {
	background: url(../images/right-nav-left.gif) no-repeat left top;
	display:block;
	padding:2px 20px 2px 8px;
}

#content-container #content .content-padding #right-col #win-box .competition-div a:hover {
	background: url(../images/right-nav-right-hover.gif) no-repeat  right top;
	color:#CC0026;
}

#content-container #content .content-padding #right-col #win-box .competition-div a:hover span {
	background: url(../images/right-nav-left-hover.gif) no-repeat  left top;
}