/* Reset */
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}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}


/* Captivations CSS*/
body{background-color:#e1e1e1; background-image:url(../img/bg.png); background-repeat:repeat-y; background-position:center; font-family:Arial, Helvetica, sans-serif; color:#585858; font-size:14px}
#container{height:auto; width:990px;margin-left:auto;;margin-right:auto; background-color:#FFF;}
#container div{ background-color:#FFF;}

/* Header CSS*/
#pageHead{ height:auto; padding-top:40px; width:990px;}
#pageLogo a {background-image:url(../img/pageLogo.jpg);display:block;text-indent: -1999px; overflow: hidden;	height:60px;position:absolute;width:310px; margin-left:42px;}

.pageNav {list-style-type:none;}
.pageNav li{float:left;  font-style:italic;}

#pageNav_wrapper_main{background-image:url(../img/pageNav_main.png); background-repeat:repeat-x; width:950px; background-color:#333; height:40px; margin-left:20px; margin-top:75px;}
#pageNav_main {padding-top:12px; display:block;}
#pageNav_main li { padding-left:20px}
#pageNav_main li a{ text-decoration:none; color:#FFF;font-size:16px;}
#pageNav_sub{float:right; margin-right:20px;}
#pageNav_sub li { padding-left:10px;}
#pageNav_sub li a{text-decoration:none; color:#ff0000; padding-bottom:35px; font-style:normal; font-size:12px; background-image:url(../img/pageNav_sub.png); background-repeat:no-repeat; }
#pageNav_sub li a#pageNav_sub_home{ background-position:4px 18px;margin-right:29px;}
#pageNav_sub li a#pageNav_sub_contact{background-position:15px -36px;margin-right:20px;}
#pageNav_sub li a#pageNav_sub_email{background-position:20px -84px}


#searchform{width:140px; height:22px; background-image:url(../img/text.png);padding:0px; margin:0px;float:right; margin-right:40px; margin-top:-3px;}
#searchform #s{ border:none; margin-left:13px;  font-size:14px; color:#8e8e8e; vertical-align:middle; background-color:transparent;margin-top:2px;width:100px;}
#searchform button{width:50px;height:24px;float:right;background-image:url(../img/button.png);text-indent:-1999px;overflow:hidden;border:none;background-color:transparent;position:absolute;cursor:pointer;}

/* Content CSS*/
p{line-height:17px;}
a.designOwn{background-image:url(../img/btnDesignOwn.png); width:162px; height:40px; text-indent:-1999px; overflow:hidden; display:inline-block; margin-left:}
a.enquire{background-image:url(../img/btnEnquire.png); width:95px; height:40px; text-indent:-1999px; overflow:hidden; display:inline-block; margin-left:}

#pageContent {padding-top:5px; background-color:#FFF}
#pageContent .column{float:left}

#leftColumn{margin-left:20px; width:190px; }
#leftColumn #g3{ margin-left:43px;  margin-top:28px }



.divProductAbout{width:275px; text-align:justify; float:left}
.ulInfo{ list-style:url(../img/infoBullet.png); margin-left:15px}
.ulInfo li{ margin-bottom:10px;}

.divProductPhoto{ background-image: url(../img/productFrame.png); padding:5px; float:right; background-position:top; width:255px; background-color:#c2c2c2; background-repeat:no-repeat; font-size:12px; text-align:center; padding-bottom:12px; line-height:14px;}
.divProductPhoto img{margin-bottom:8px}

.divProductPhoto a.designOwn { float:left; margin-left:-5px; margin-top:14px;}
.divProductPhoto a.enquire { float:right; margin-right:-5px; margin-top:14px;}

#ulOffices h3{ font-size:14px; font-family:"Arial Black", Gadget, sans-serif; margin-bottom:10px}
#ulOffices li span{ display:inline-block; line-height:18px}
#ulOffices li{ border-bottom:#999 solid 1px; padding-bottom:10px; margin-bottom:10px}

#divAbout{ width:335px;  text-align:justify; float:left}
#divAbout p{ margin-bottom:20px; line-height:17px}
#ulTeam{ float:right; width:199px; margin-top:4px}
#ulTeam li{ width:199px; height:196px; background-image:url(../img/teamFrameBg.png); margin-bottom:14px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; color:#272727}
#ulTeam li img{margin-top:4px;  margin-bottom:10px}

#contactForm { margin-top:20px}
#contactForm form input, textarea, select{ border:solid  #CCC 1px; color:#585858; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding:4px}
#contactForm form textarea { width:343px; height:131px; vertical-align:top}
#contactForm form  input[type=submit] { border:none; width:74px; height:41px; background-image:url(../img/btnContact.png); background-color:transparent; text-indent:-1999px; overflow:hidden; cursor:pointer; margin-left:-4px}
#contactForm form p{ margin-bottom:3px; vertical-align:top;}
#contactForm form p.captcha{ font-size:12px}
#contactForm form p span{ width:100px; display:inline-block; font-weight:bold}



#middleColumn{ width:545px; margin-left:12px; margin-right:12px;  }
#middleColumn h1{ margin-bottom:8px}
#middleColumn h2{ color:#262626; font-size:16px; font-weight:bolder; font-family:"Arial Black", Gadget, sans-serif; 
border-top:#666 solid 0px; border-bottom:#666 solid 1px; padding-top:0px; padding-bottom:5px; margin-bottom:5px; margin-top:2px}
#middleColumn h3{ color:#262626; font-size:16px; font-weight:bolder; font-family:"Arial Black", Gadget, sans-serif}
a.h2Link{ float:right; margin-left:50px; font-size:14px; font-style:normal; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#585858; margin-top:7px; display:inline-block; }
#specialOffer{ margin-bottom:18px; width:545px; display:block; padding-top:8px; min-height:272px;}
#specialOffer img{ margin-bottom:10px; float:left }


#specialOffer p{line-height:17px;margin-top:10px;text-align:justify;margin-bottom:18px;}
.moreInfo{font-style:italic; font-weight:normal; color:#FFF; font-size:14px; background-image:url(../img/pageNav_main.png); background-repeat:repeat-x; padding-top:7px; padding-bottom:7px; background-position:0px -10px; padding-left:8px;padding-right:8px; text-decoration:none;}

#featuredProducts{ display:inline-block; }
#featuredProducts div {background-image:url(../img/featuredProductsBg.png); background-position:0px 0px; width:545px; background-color:#FFF;  overflow:hidden; background-position:0px -10px;}
#featuredProducts ul {width:600px;}
#featuredProducts ul li {float:left; padding-right:33px; padding-bottom:25px; margin-bottom:14px; border-bottom:#999 1px solid}
#featuredProducts ul li img{ background-image:url(../img/border.png); padding:5px;}
#featuredProducts ul li p{margin-top:15px; margin-bottom:18px; font-size:16px; font-weight:bolder}
#featuredProducts ul li.lastRow{ border-bottom:none; padding-bottom:8px}


#sportsProducts{ display:inline-block; margin-top:0px; }
#sportsProducts div {/*background-image:url(../img/sportsProductsBg.png);*/ background-position:0px 0px; width:545px; overflow:hidden}
#sportsProducts ul {width:600px;}
#sportsProducts ul li {float:left; padding-right:30px; margin-bottom:16px; height:318px; border-bottom:#999 1px solid}

#sportsProducts ul li img{ background-image:url(../img/border.png); padding:5px;}
#sportsProducts ul li p.prodName{font-size:16px; font-weight:bolder; margin-top:13px; margin-bottom:11px; margin-left:4px}
#sportsProducts ul li p.prodDesc{font-size:14px; margin-bottom:23px;; margin-left:4px}
#sportsProducts ul li a.moreInfo{ margin-left:5px}
#sportsProducts ul li a.designOwn{margin-top:10px;}

#mainColumn{width:748px; margin-left:12px}

#rightColumn{ width:190px; margin-right:20px; z-index:99 }
#rightColumn h1{ margin-bottom:8px}

#rightColumn #g1{ margin-left:32px; margin-top:28px;}
#rightColumn #g2{ margin-left:43px;  margin-top:28px; }
#rightColumn #g3{ margin-left:43px;  margin-top:28px }

#ulNews_right li {padding-bottom:13px; margin-bottom:13px; border-bottom:#999 solid 1px}
#ulNews_right li:first-child { border:none; padding-bottom:0px} 
#ulNews_right li p{line-height:17px; margin-bottom:17px; text-align:justify}
#ulNews_right li h2{ font-size:16px; font-style:italic;  font-weight:bold}
#ulNews_right li h2.date{ font-size:16px; font-style:italic; font-weight:normal; margin-bottom:14px; margin-top:4px}
#ulNews_right li a{ color:#585858; font-size:14px;}

#newsLetterWrapper{background-image:url(../img/newsletter.png); height:99px; width:190px; display:inline-block; margin-bottom:10px}
#newsLetterWrapper .pTitle1{ font-size:20px; font-style:italic;  color:#FFF; margin-top:13px; margin-left:10px; font-family:"Arial Black", Gadget, sans-serif; margin-bottom:3px}
#newsLetterWrapper .pTitle2{margin-left:10px;font-size:20px; font-style:italic; font-weight:normal; margin-bottom:12px; color:#FFF;}
#newsLetter input{ border:none; margin-left:13px;  font-size:14px; color:#8e8e8e; vertical-align:middle; background-color:transparent;margin-top:2px;width:100px;}
#newsLetter button{width:50px;height:24px;float:right;background-image:url(../img/button.png);text-indent:-1999px;overflow:hidden;border:none;background-color:transparent;position:absolute;cursor:pointer;}
#newsLetter{width:140px; height:22px; background-image:url(../img/text.png);padding:0px; margin:0px;float:right; margin-left:auto; margin-right:40px;}

#designYourOwn{ background-image:url(../img/designOwn.png); width:190px; height:327px; display:inline-block; margin-bottom:12px}
#designYourOwn .pTitle1{font-size:24px; font-style:italic;  color:#FFF; padding-top:13px;margin-left:15px; font-family:"Arial Black", Gadget, sans-serif;margin-bottom:25px; line-height: 22px}
#designYourOwn button{ text-indent:-1999px; overflow:hidden; background-image:url(../img/designOwnbutton.png); margin-top:2px; width:171px; height:56px; border:none; padding:0px; background-color:transparent; margin-left:10px; cursor:pointer}

#contactUs{ width:190px; height:93px; background-image:url(../img/contact.png)}
#contactUs .pTitle1{font-size:20px; font-style:italic;  color:#FFF; padding-top:13px;margin-left:15px; font-family:"Arial Black", Gadget, sans-serif; margin-bottom:3px}
#contactUs .pTitle2{margin-left:18px;font-size:19px; font-style:italic; font-weight:normal; margin-bottom:12px; color:#FFF;}
#contactUs .pTitle3{margin-left:10px;font-size:20px; font-style:italic; font-weight:normal; margin-bottom:12px; color:#FFF;}
#contactUs .pTitle3 a{color:#FFF;}


.sideBarNav{ margin-bottom:10px}
.sideBarNav li { margin-bottom:2px}
.sideBarNav li a{ padding-top:5px; padding-left:10px; text-decoration:none; color:#585858; font-style:oblique; background-image:url(../img/sideBarNav.png);  width:180px; height:20px;  display:block; font-size:14px;}

.ulNews_left{ margin-bottom:15px}
.ulNews_left li { margin-bottom:2px; padding:0px; border-bottom:#999 solid 1px; display:block}
.ulNews_left li:first-child {padding:0px; margin-left:0px; padding-bottom:4px}
.ulNews_left li a{ text-decoration:none; color:#585858; font-style:oblique;  width:160px;  font-size:13px; line-height:18px;  margin-top:5px; margin-bottom:5px; display:block; padding-left:18px; background-image:url(../img/list.png); background-repeat:no-repeat; background-position:4px 4px; }

#ulNews li {padding-bottom:14px;margin-bottom:14px; border-bottom:#999 solid 1px}
#ulNews li img{ background-image:url(../img/newsImageFrame.png); background-repeat:no-repeat; padding:4px; float:left; margin-right:10px}
#ulNews li div h3{ margin-bottom:22px}
#ulNews li div a.readMore{color:#585858; font-size:14px; margin-top:14px; display:block}

h1{ font-style:italic; font-weight:normal; color:#FFF; font-size:16px; background-image:url(../img/pageNav_main.png); background-repeat:repeat-x; padding-top:7px; padding-bottom:7px; background-position:0px -10px; padding-left:11px; }
h1.current_page{ background-image:url(../img/pageNav_active.png);background-position:0px 0px;  }
/*.sideBarNav li.current_page_item a{ margin-bottom:3px; background-image:url(../img/sideBarNav_active.png); color:#FFF }*/

#divSearchResults h3{font-size:14px; padding-bottom:10px; padding-top:4px}
#divSearchResults ul { margin-top:12px;}
#divSearchResults ul li { border-bottom:#999 1px solid; margin-bottom:11px; padding-bottom:11px}
#divSearchResults ul li a{ color:#585858} 
#divSearchResults ul li span{ font-weight:bold; color:#262626} 
/* Footer CSS*/
#pageFooter{ display:inline-block;  width:100%; margin-top:12px}
#pageFooter div#linkWrapper {background-color:#f80302; width:950px; margin-left:auto; margin-right:auto; background-image: url(../img/footerBg.png); min-height:240px; color:#FFF; font-size:11px; font-style:italic; background-position:bottom; background-repeat:repeat-x}
#pageFooter div#linkWrapper  a{ color:#FFF; text-decoration:none}
#pageFooter div#linkWrapper  ul#linkCat-1 {margin-left:15px; display:inline-block}
#pageFooter div#linkWrapper  ul#linkCat-1 li{ float:left; margin-top:15px}
#pageFooter div#linkWrapper  ul#linkCat-1 li h4{ font-size:14px; font-weight:700; margin-bottom:10px}
#pageFooter div#linkWrapper  ul#linkCat-1 li ul { margin:0px; margin-right:50px}
#pageFooter div#linkWrapper  ul#linkCat-1 li ul li{float:none; margin-top:5px;}
#pageFooter div#linkWrapper  ul#linkCat-2 { margin-top:17px; margin-left:15px;  float:none; margin-bottom:15px; display:inline-block}
#pageFooter div#linkWrapper  ul#linkCat-2 li { margin-right:85px;  float:left}

.clear{display:block;  height:3px; background-image: url(../img/footerBg.png); background-position:bottom;}
.blank{height:10px; display:block; widows:100%}



#slideShow { height: 328px; overflow:hidden; margin-bottom:10px}
#slideShow .viewport { float: left; width: 548px; height:  328px; overflow: hidden; position: relative; }
#slideShow .buttons { display: block; margin: 150px 0px 0px 0px; float: left; text-indent:-1999px; overflow:hidden }
#slideShow .next { margin-right:30px; position:absolute; z-index:9; background-image:url(../img/arrows.png); height:44px; width:38px; background-position:-38px 0px; margin-left:500px }
#slideShow .prev { margin-left:10px; position:absolute; z-index:9;background-image:url(../img/arrows.png); height:44px; width:38px; }
#slideShow ul li p {z-index:9; color:#FFF; background-image:url(../img/transparent.png); }
#slideShow .disable { visibility: hidden; }
#slideShow .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slideShow .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 328px; border: 1px solid #dcdcdc; width: 548px;}


#pageHead{ height:auto; padding-top:15px; width:990px; padding-bottom:}
#pageLogo span#tagline{width:245px; height:60px; padding-top:48px; display:block;position:absolute; z-index:999; font-style:normal; font-size:7.5pt; margin-left:35px; 
line-height:12px; color:#575656; font-weight:700; text-align:justify} 
#pageLogo a {background-image:url(../img/pageLogo.jpg);display:block;text-indent: -1999px; overflow: 
hidden;height:40px;position:absolute;width:250px; margin-left:32px;}

#bannerAd{ height:60px; width:468px; display:block; position:absolute; margin-left:305px}
#eNewsLetter{ height:60px; width:175px; display:block; position:absolute; margin-left:795px}
#contactNo{ height:30px; width:175px; display:block; position:absolute; margin-left:800px; top:70px; text-decoration:none; font-size:20px; font-weight:bold; color:#575656;}

.pageNav {list-style-type:none;}
.pageNav li{float:left;  font-style:italic;}

#pageNav_wrapper_main{background-image:url(../img/pageNav_main.png); background-repeat:repeat-x; width:950px; background-color:#333; height:40px; 
margin-left:20px; margin-top:90px; }
#pageNav_main {padding-top:12px; display:block; }
#pageNav_main li { padding-left:20px;}
#pageNav_main li a{ text-decoration:none; color:#FFF;font-size:16px; width:100%; border-left: #CCC solid 1px; padding-left:10px;}
#pageNav_main li:first-child a{ border:none; padding-left:0px}
#pageNav_main li ul{position:absolute; float:left; width:150px; z-index:99999; visibility:hidden; padding-top:10px; margin-left:-10px}

#pageNav_main li ul li{  margin:0px; padding:0px; background-color:#900003; padding:5px;
border-top:#e10309 solid 1px; width:100%; padding-left:10px; font-style:italics; margin-left:10px;}
#pageNav_main li ul li:first-child { border:none}
#pageNav_main li ul li a{ font-size:13px; width:100%; display:block; border:none; padding-left:0px}
#pageNav_main li ul li:hover { background-color:#e10309}
#pageNav_main li:hover  ul{ visibility:visible}