/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */


/***** START RESET CSS *****/
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.2;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
/*	border-collapse: collapse; */
/*	border-spacing: 0; */
}

p {
margin: 0;
border: 0;
padding: 5px 0 5px 0;
}

h1, h2, h3, h4, h5, h6{
margin: 0;
border: 0;
padding: 10px 0 10px 0;
}

/***** END RESET CSS *****/








/***** START MAIN PAGE STYLE CSS *****/

#container_a, #container_b, #free_shipping, .promotion_image, .promotion_description, .promotion_description h2, #news, #cues_in_stock, .background_top, .background_mid, #cis_content_container, .content_width_580, .content_width_440, .content_width_435, .background_bottom, #container_c, .hr_graphic, .arrow_graphic, .cue_top, .cue_mid, .cue_bottom{
margin: 0 auto;
border: 0;
}


body {
background-color: #959BA6;
font-family: sans-serif;
color: #ffffff;
}


#container_a {
width: 750px;
height: 196px;
padding: 0;
background-image: url('../images/topbg.gif');
position:relative;
}


#container_b {
width: 750px;
padding: 0;
background-image: url('../images/centbg.gif');
background-repeat: repeat;
}


#google_translate { 
clear: both;
padding-top: 40px;
}


#translate {
margin: 0;
border: 0;
padding: 0;
text-align: center;
}


/* space between translate images (country flags) */
.space_translate {
margin-left: 15px;
margin-right: 15px;
}


#free_shipping {
width: 425px;
height: 90px;
margin-top: 10px;
padding: 0;
background-image: url('../images/freeshipping.png');
background-repeat: no-repeat;
}


#free_shipping div {
margin: 0;
border: 0;
/* padding is the only way to position the text and have the menu work properly */
padding: 20px 0 0 148px;
font-size: 60%;
}


.promotion_image {
width: 600px;
margin-top: 10px;
padding: 0;
position: relative;
}


#image_1_dominator3 {
position:absolute;
top:205px;
left:515px;
}


#image_2_dominator3 {
position:absolute;
top:350px;
left:515px;
}


#image_1_ss_curly_deluxe {
position:absolute;
top:125px;
left:160px;
}


#image_2_ss_curly_deluxe {
position:absolute;
top:125px;
left:355px;
}


#image_3_ss_curly_deluxe {
position:absolute;
top:125px;
left:555px;
}


#more_images {
position:absolute;
top:410px;
left:471px;
width: 100px;
color: #FF934B;
font-size: 0.7em;
}

#buynow_curly_delux {
position:absolute;
top:365px;
left:478px;
}


.promotion_description {
padding: 0;
text-align: center;
}


.promotion_description h2 {
padding: 10px 0 0 0;
}


#news {
padding: 0;
}


#whats_new_image {
width: 132px;
height: 43px;
margin: 30px auto 30px auto;
border: 0;
padding: 0;
}


#cues_in_stock {
padding: 0;
}


.background_top {
width: 630px;
height: 25px;
padding: 0;
background-image: url('../images/cis_top.png');
background-repeat: no-repeat;
}


.background_mid {
width: 630px;
padding: 0;
background-image: url('../images/cis_mid.png');
background-repeat: repeat-y;
}


/* cis = cues in stock */
#cis_content_container {
width: 630px;
padding: 30px 0 0 0;
}


.background_bottom {
width: 630px;
height: 25px;
padding: 0;
background-image: url('../images/cis_bot.png');
background-repeat: no-repeat;
}


#container_c {
width: 750px;
height: 82px;
padding: 0;
background-image: url('../images/bottombg.gif');
background-repeat: no-repeat;
text-align: center;
}


#container_c div {
color: #FF934B;
font-size: 80%;
font-family: verdana, sans-serif;
padding-top: 25px;
}


/* generic selectors */

.float_right {
float: right;
}


.center {
text-align: center;
}


.right {
text-align: right;
}


.bold {
font-weight: bold;
}


.italic {
font-style: italic;
}


.text_black {
color: #000000;
}


.text_white {
color: #FFFFFF;
}


.text_orange {
color: #FF934B;
}

.text_blue {
color: #b2b9db;
}


.text_red {
color: #FF0000;
}

.text_size_160 {
font-size: 160%;
}

.text_size_120 {
font-size: 120%;
}


.text_size_110 {
font-size: 110%;
}

.text_size_100 {
font-size: 100%;
}


.text_size_90 {
font-size: 90%;
}


.text_size_80 {
font-size: 80%;
}


.text_size_70 {
font-size: 70%;
}


.padding_top_10 {
padding-top: 10px;
}


.padding_top_20 {
padding-top: 20px;
}


.padding_top_40 {
padding-top: 40px;
}


.hr {
margin: 0;
border: 1px solid black;
padding: 0;
}


.hr_silver {
margin: 0;
border: 1px solid silver;
padding: 0;
}


.hr_graphic {
display: block;
padding: 30px 0 30px 0;
}


.arrow_graphic {
width: 630px;
padding: 0;
}


.arrow_graphic h1 {
display: inline;
font-size: 80%;
}


/* used for both "promotion_description" and "news" sections */
.content_width_435 {
width: 435px;
padding: 0;
font-size: 80%;
text-align: justify;
}


.content_width_440 {
width: 440px;
padding: 0;
}


.content_width_580 {
width: 580px;
padding: 0;
font-size: 80%;
}

#addThis {
float: left;
}

#show_form {
float: left;
margin:  0 0 0 240px;
font-weight: bold;
font-size: 1.0em;
cursor: pointer;
}

#show_form img {
margin:  0 0 0 0;
}

#hide_form {
clear: both;
width: 750px;
background-image: url('../images/centbg_form.gif');
}

#subscribeForm {
width: 680px;
margin: 0 auto 0 auto;
padding: 10px 0 10px 0;
color: #000000;
}

#subscribeForm form {
margin: 20px 0 0 20px;
}

#subscribeForm legend{
font-weight: bold;
}

#subscribeForm div.required{
font-size: 0.8em;
}

#subscribeForm div.space, #subscribeForm div.buttons {
padding: 10px 10px 10px 15px; 
width: 320px;
position:relative;
}

#subscribeForm_close {
margin: 0 0 0 303px;
cursor: pointer;
}

#subscribeForm input {
font-size: 1.2em;
}

#subscribeForm input[type="text"] {
background: #fbfbfb;
border: 2px solid #8f8f8f;
position:absolute;
top:5px; 
right:0; 
}



/***** END MAIN PAGE STYLE CSS *****/






/***** START ABOUT PAGE STYLE CSS *****/

#about_content {
padding: 40px 60px 20px 60px;
font-size: 80%;
}


.about_img_space {
padding: 20px 20px 0 20px;
position: relative;
}


.about_img_space p {
position:absolute;
top:105px;
left:380px;
}

/***** END ABOUT PAGE STYLE CSS *****/








/***** START CONTACT PAGE STYLE CSS *****/

#contact_content {
padding: 40px 60px 20px 60px;
font-size: 80%;
}


#Name, #Email {
border: 2px solid #AFBADE;
width: 200px;
}


#Comments {
border: 2px solid #AFBADE;
width: 250px;
height: 100px;
}


#submit, #reset {
border: 2px solid #AFBADE;
background-color: #E0E0E0;
font-weight: bold;
}


.js_off {
/* see JS on contact page */
}


.form_focus {
/* see JS on contact page */
}


#warning {
margin-top: 30px;
border: 2px solid #AFBADE;
padding: 10px;
color: #000000;
background-color: #FFFFF1; 
}

/***** END CONTACT PAGE STYLE CSS *****/









/***** START FAQ PAGE STYLE CSS *****/

#faq_content {
padding: 40px 60px 20px 60px;
font-size: 80%;
}


#faq_content ul li {
padding: 5px;
}


#faq_answers {
margin-top: 50px;
}

/***** END FAQ PAGE STYLE CSS *****/









/***** START SHAFT (dominator and dominiakHG) PAGES STYLE CSS *****/

.shaft_content {
padding: 0px 60px 20px 60px;
font-size: 70%;
}


.cart {
float: right;
}


.cart a {
color: #FFFFFF;
text-decoration:none;
}


.shaft_logo {
padding-bottom: 10px;
}


.buynow_shaft, .joint_styles, .shaft_images, #mother_nature{
padding: 10px 0px 10px 0px;
}


.shaft_specs {
color: #000000;
}


#dominator_img {
float: right;
}


.shaft_top {
width: 482px;
height: 27px;
background-image: url('../images/box_t3.png');
}


.shaft_mid {
width: 482px;
background-image: url('../images/box_c3.png');
background-repeat: repeat-y;
}


.shaft_bottom {
width: 482px;
height: 25px;
background-image: url('../images/box_b3.png');
}


.why_header {
color: #777777;
font-size: 150%;
padding: 0px 0px 20px 0px;
}


.spec_header {
color: #777777;
font-size: 150%;
padding: 40px 0px 20px 0px;
}


.tdrowspan {
color: #000000;
vertical-align: top;
padding-left: 10px;
}


.tablecol1 {
background-color: #000000;
color: #ffffff;
padding: 5px;
width: 70px;
}


.tablecol2 {
background-color: #f0f0f0;
color: #000000;
padding: 5px;
width: 120px;
}

/***** END SHAFT (dominator and dominiakHG) PAGES STYLE CSS *****/











/***** START CUE (All cue pages, dominator options and dominiakHG options) PAGES STYLE CSS *****/

.cue_calc_top_options {
width: 350px;
height: 20px;
background-image: url('../images/calc_backgr_top2.png');
margin-top: 10px;
}


.cue_calc_top {
width: 420px;
height: 20px;
background-image: url('../images/calc_backgr_top.png');
margin-top: 10px;
}


.cue_calc_mid_options {
width: 350px;
background-image: url('../images/calc_backgr_cen2.png');
background-repeat: repeat-y;
position: relative;
}


.total_position {
position: absolute;
top:0px;
right:50px;
}


.total_size {
font-size: 2.0em;
}


.cue_calc_mid {
width: 630px;
background-image: url('../images/calc_backgr_cen.png');
background-repeat: repeat-y;
}


.cue_calc_bottom_options {
width: 350px;
height: 20px;
background-image: url('../images/calc_backgr_bot2.png');
margin-bottom: 10px;
}


.cue_calc_bottom {
width: 420px;
height: 20px;
background-image: url('../images/calc_backgr_bot.png');
margin-bottom: 10px;
}


.cue_calc_content_width_415 {
width: 415px;
padding: 0px 15px 0px 15px;
}


.cue_top {
width: 630px;
height: 76px;
background-image: url('../images/back_t.png');
}


.cue_mid {
width: 630px;
background-image: url('../images/back_c.png');
background-repeat: repeat-y;
}


.cue_bottom {
width: 630px;
height: 14px;
background-image: url('../images/back_b.png');
}


.cue_cart {
float: right;
padding: 20px 30px 0px 0px;
}


.cue_cart a {
color: #FFFFFF;
font-size: 70%;
text-decoration:none;
}


.cue_logo {
float: left;
padding: 5px 0px 0px 12px;

}


.buy_now {
float: right;
padding: 10px 50px 0px 0px;
text-align: center;
}


.cue_options_content_width_580 {
width: 580px;
padding: 0px 15px 0px 15px;
font-size: 70%;
}


.cue_options_content_width_415 {
width: 415px;
padding: 0px 15px 0px 15px;
font-size: 70%;
}


.cue_options_content_width_580 h1, .cue_options_content_width_415 h1 {
font-size: 110%;
padding: 20px 0px 10px 0px;
}


.cue_options_content_width_580 h2, .cue_options_content_width_415 h2 {
font-size: 100%;
padding: 20px 0px 0px 0px;
color: #FF934B;
}


.cue_options_content_width_415 p {
padding: 20px 0px 0px 0px;
}


.cue_options_content_width_415 a {
/*color: #b2b9db;*/
color: #ffffff;
}


.cue_addtocart {
padding: 15px 0px 0px 0px;
}


.tablecol3 {
background-color: #6f6f6f;
color: #FFFFFF;
padding: 5px;
}


.tablecol4 {
background-color: #f8f8f8;
color: #000000;
padding: 5px;
width: 30%;
}


.tablecol5 {
background-color: #f8f8f8;
color: #000000;
padding: 5px;
}


.tablecol5 a {
color: #000000;
}


.starting_at {
font-size: 110%;
font-weight: bold;
}


.cue_images_container {
float: right;
padding: 20px 45px 0px 0px;
}



/***** END CUE (All cue and cue options, dominator options and dominiakHG options) PAGES STYLE CSS *****/











/***** START MENU CSS *****/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_variations.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 /* common styling */

 /* Set up the default font and ovrall size to include image */
.menu {
/* background:#fff url(../meeting.jpg) 0 20px no-repeat; */
font-family: verdana, geneva, sans-serif;
text-align: center;
position:absolute;
top:95px;
left:108px;
}


/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
}


/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#000; 
width:88px; 
height:1.5em;
font-weight:bold;
font-size: 0.6em;
color:#fff; 
/* border-bottom:8px solid #888; */
/*background: #ffffff;*/
padding-left:0px; 
line-height:1.5em;
margin-right:0px;
}


/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
width:98px;
w\idth:88px;
}
/* hide the drop down menu */


.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */


.menu table {
margin:1px; 
border-collapse:collapse;
font-size:0.9em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */



/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#eee; 
/*border-bottom:8px solid #606; */
}


/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:13px;
width:86px;
background:transparent;
text-align: center;
}


/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:transparent url('../images/opaque.png'); 
color:#000; 
border:1px solid silver;
margin:0;
color:#333;
font-weight:normal; 
height:auto; 
line-height:1em; 
padding:5px; 
width:76px
}


/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#231e21; 
color:#fff;
}



/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
background:transparent filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
}


/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#ddd;
width:96px; /* for IE5.5 faulty box model */
w\idth:86px; /* for IE6 */
}
/***** END MENU CSS *****/