/* CSS Document */
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, ol, ul, li, fieldset, form, label, legend, caption { margin:0; padding:0; }
body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#121212; background:url(../images/page-bg.gif) repeat; }
p{line-height:18px; }
img{border:0px;}	
.clear{	clear:both;	}
#main_div{margin:0 auto; width:100%; background:url(../images/shaddow.png) top center repeat-y; text-align:center;}	
#mainContainer{	width:960px; margin:0 auto; padding:10px 10px 0px 10px; background:url(../images/content-body-bg.gif) repeat-x 0 5px #FFFFFF;}
#header_container{width:960px; height:133px; float:left;}
#header_container .logo{width:335px; height:53px; float:left; padding-top:12px;}
#header_container .punchline{width:356px; height:53px; float:left; padding-top:20px; text-align:center; padding-right:10px}
#header_container .contact{width:251px; height:72px; float:right; padding-top:5px; margin-top:5px; font-weight:bold; text-align:center; background:url(../images/phone-no-bg.png) no-repeat; color:#FFFFFF; font-size:13px;}
#header_container .contact h1{ color:#FFFFFF; font-size:30px; line-height:30px;}



#navigation_container{width:960px; #margin-left:-480px; height:56px; float:left; background:url(../images/nav-bg.png) repeat-x 0px 0px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-top:-5px;  position:absolute; z-index:5;}
#top_nav{ width:100%;  float:left; }
#top_nav ul{ margin:0px; padding:0px; list-style:none; float:left;  list-style:none;}
#top_nav ul li{ margin:0px; padding:0px; float:left; list-style:none; }
#top_nav ul li a{ margin:0 0px 0 0; padding:0px 2px 0 23px; height:56px; display:block; text-decoration:none;}
#top_nav ul li a span{ margin:0px; padding:20px 23px 0 0; height:36px; display:block; text-decoration:none; font-size:13px; font-weight:bold; text-shadow:1px 1px 1px #000; color:#cbcbcb; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;}
#top_nav ul li a:hover{  background:url(../images/nav-hover-left.gif) no-repeat; }
#top_nav ul li a:hover span{ background:url(../images/nav-hover-right.gif) top right no-repeat; color:#fff;  font-weight:bold; }
#top_nav ul li.active a{  background:url(../images/nav-hover-left.gif) no-repeat; }
#top_nav ul li.active a span{ background:url(../images/nav-hover-right.gif) top right no-repeat; color:#fff;  }

#body_container{width:960px; float:left; height:auto;}

#left_container{width:230px; float:left; height:auto;}
.shopping_cartbox{width:160px; height:56px; float:left; text-align:left; margin-bottom:10px; padding-top:10px; background:url(../images/shoppingcart-img.gif) no-repeat 10px 7px #000000; padding-left:70px; font-size:12px; font-weight:bold; color:#FFFFFF;}
.shopping_cartbox span{text-transform:uppercase; color:#e9e600; font-size:15px; font-weight:bold;}
.shopping_cartbox a, shopping_cartbox a:hover{ color:#bb2a56; font-size:11px; font-weight:bold; text-decoration:none;}

.left_block{width:230px; text-align:left; float:left; height:auto; background:url(../images/left-nav-bg.gif) repeat-x bottom left #FFFFFF; margin-bottom:10px;}
.left_block h1{width:95%; padding-left:5%; height:auto; float:left; color:#ffffff; font-size:15px; font-weight:bold;  line-height:32px; text-shadow:1px 1px 1px #000000; background:url(../images/left-block-title-bg.gif) no-repeat }
.left_links{width:230px; height:auto; float:left; text-align:left;}
.left_links ul{width:230px; height:auto; float:left; display:block;}
.left_links ul li{width:100%; height:auto; float:left; display:inline; color:#418100; border-bottom:1px solid #cacaca; }
.left_links ul li a{width:88%; padding-left:12%; height:auto; float:left; color:#000; font-size:12px; line-height:24px; font-weight:bold;  text-decoration:none; background:url(../images/left-bullet.png) no-repeat 8px 7px;}
.left_links ul li a:hover{ color:#dd3468; text-decoration:none; }
.left_links ul li span{width:95%; padding-left:5%; height:auto; float:left; color:#ffffff; font-size:15px; font-weight:bold;  line-height:32px; text-shadow:1px 1px 1px #000000; background:url(../images/left-block-title-bg.gif) no-repeat }
.left_links ul li.active2 a{ color:#dd3468; text-decoration:none; }
.left_links ul li.active2 a:hover{ color:#dd3468; text-decoration:none; }

.accrediation{width:230px; height:auto; float:left; text-align:left; padding-bottom:10px;}
.accrediation h1{width:214px; padding-left:16px; height:auto; float:left; color:#ffffff; font-size:15px; font-weight:bold;  line-height:32px; text-shadow:1px 1px 1px #000000; background:url(../images/left-block-title-bg.gif) no-repeat }
.accrediation .logo{width:auto; text-align:left; padding-left:10px; padding-top:10px; padding-bottom:8px; border:1px solid #cacaca;}

.online_order{width:204px; height:auto; float:left; line-height:18px; padding:13px;}
.online_order span{font-size:20px; color:#a91542; line-height:35px;}

.mastercards{width:100%; float:left; padding-bottom:10px;}

.player{width:230px; height:191px; float:left;}

.testimonial{width:204px; float:left; height:auto; padding:8px 13px }
.block{width:204px; float:left; height:auto; padding-bottom:10px; font-size:11px; line-height:16px;}
.block span{width:100%; float:left; height:auto; font-size:11px; font-weight:bold; color:#d63265;}
.block label{width:100%; float:left; height:auto; font-size:11px; font-weight:bold; color:#000000; font-style:italic;}
.block a{width:100%; float:left; height:auto; font-size:11px; font-weight:bold; color:#d63265; text-decoration:none;}

#right_container{width:721px; float:right; height:auto; text-align:left;}
.rightBanner{width:700px; height:130px; float:left; background:url(../images/right-content-header-banner.jpg) no-repeat; padding:10px 10px 0 11px;}
.rightBanner h1{font-size:40px; color:#FFFFFF; text-shadow:1px 1px 1px #000000; font-weight:bold;}
.rightBanner h2{font-size:23px; color:#FFFFFF; text-shadow:1px 1px 1px #000000; font-weight:bold;}
.rightBanner h2 span{font-size:13px; color:#e9e600; text-shadow:1px 1px 1px #000000; font-weight:bold;}
.rightBanner h3{font-size:20px; color:#e9e600; text-shadow:1px 1px 1px #000000; font-weight:bold;}


.main_heading{width:721px; float:left; height:auto; text-align:left; padding-bottom:10px;}
.main_heading h1{font-size:25px; color:#d63265; font-weight:bold;}
.main_heading h2{font-size:18px; color:#000000; font-weight:normal;}

.categories_outer{width:163px; height:322px; text-align:center; float:left; border:1px solid #cacaca; padding:0px; background-color:#FFFFFF;}
.categories_inner{width:151px; height:279px; background-color:#eaeaea; padding:6px;}
.categories{width:148px; height:243px; background-color:#ffffff;  border:1px solid #e2e2e2; padding-top:5px;}
.categories_name{width:148px; height:27px; padding-top:5px; font-size:14px; color:#525252; font-weight:bold; line-height:normal;}
.categories_view{height:26px; width:163px; line-height:30px; text-align:center; background:url(../images/categories_bullet.png) no-repeat 10px 7px; }
.categories_view a, .categories_view a:hover{color:#d63265; text-decoration:none; font-weight:bold;}
.categories_spacer{width:15px; float:left; height:auto;}

.text_content_outer{width:715px; height: auto; float:left; padding:2px; background:#FFFFFF; border:1px solid #cacaca; text-align:left;}
.text_content{width:685px; height: auto; float:left; padding:10px 15px; background:#eeeeee;  }
.text_content h1{width:685px; float:left; border-bottom:1px solid #cacaca; line-height:30px; font-size:23px; font-weight:bold; color:#d63265; }

.main_content{width:721px; height: auto; float:left; padding:15px 0 0 0 ; text-align:left;}
.main_content h1{float:left; font-size:19px; font-weight:bold; color:#d63265; padding-bottom:10px; width:721px}
.main_content a{float:left; font-size:12px; padding-top:10px; font-weight:bold; color:#d63265; text-decoration:none;}
.main_content a:hover{ color:#d63265; text-decoration:underline;}

.footer_outer{width:960px; height:40px;  float:left; position:relative; z-index:5; }
.footer{width:980px; background:#b0b0b0; height:40px; position:absolute; z-index:5; top:0; left:-10px; }
.footer_link{width:650px; float:left; height:auto; padding-left:10px;  line-height:40px; font-size:12px; color:#000000; text-align:left; }
.footer_link a{font-size:12px; color:#000000; text-decoration:none; padding:0 5px;}
.footer_link a:hover{color:#000000; text-decoration:underline; padding:0 5px;}

.copyright{width:225px; float:right; height:auto; text-align:right; padding-right:10px; line-height:40px; font-size:12px; color:#000000;}


/*------------------------ inner pages css --------------------------------------*/
#inner_right_container{width:721px; float:right; height:auto; text-align:left; padding-top:13px}
.inner_container_heading{width:691px; height:57px; float:left; padding:10px 15px 12px 15px; font-size:14px; color:#FFFFFF; font-weight:bold; text-shadow:1px 1px 1px #000000; background:url(../images/inner-right-content-heading-bg.png) no-repeat;}
.inner_container_heading h1{font-size:25px; color:#FFFFFF; font-weight:bold; text-shadow:1px 1px 1px #000000; line-height:26px; text-transform:uppercase;}


.porduct_main{width:235px; height:355px; float:left;}
.product_outer{width:229px; height:285px; text-align:center; border:1px solid #cacaca; padding:2px; background-color:#FFFFFF;}
.products_inner{width:217px; height:279px; background-color:#eaeaea; padding:0px 6px 6px 6px;}
.product_name{width:217px; height:27px; font-size:12px; color:#000000; font-weight:bold; line-height:12px;}
.product{width:215px; height:248px; background-color:#ffffff;  border:1px solid #e2e2e2; }
.buttons{width:235px; height:40px; float:left; padding-top:10px;}
.quote_btn{width:80px; height:30px; float:left; background:url(../images/btn-bg.gif) no-repeat; padding-left:13px; }
.quote_btn a, quote_btn a:hover{line-height:30px; font-size:10px; text-transform:uppercase; color:#d63265; font-weight:bold; text-decoration:none;}
.moredetail{width:80px; height:30px; float:left; background:url(../images/btn-bg.gif) no-repeat; padding-left:13px; }
.moredetail a, moredetail a:hover{line-height:30px; font-size:10px; text-transform:uppercase; color:#888888; font-weight:bold; text-decoration:none;}
.product_spacer{width:5px; height:auto; float:left;}

.special_door_heading{width:691px; height:30px; float:left; line-height:30px; padding:0px 15px 0 15px; margin-bottom:12px; font-size:14px; color:#FFFFFF; font-size:19px; font-weight:bold; text-shadow:1px 1px 1px #000000; background:#000000;} 

/*------------------------ product detail pages pages css --------------------------------------*/

.crumbtrail{ width:auto; height:auto; float:left; font-size:16px; color:#FFFFFF; font-weight:bold; text-shadow:1px 1px 1px #000000; line-height:50px; text-transform:uppercase;}
.neadHelp{width:210px; padding-top:5px; float:right; font-size:14px; color:#FFFFFF; font-weight:bold; text-shadow:1px 1px 1px #000000; text-align:right;}
.neadHelp b{color:#FFFFFF; font-weight:bold; font-size:19px; text-shadow:1px 1px 1px #000000;}
.neadHelp a{font-size:14px; color:#FFFFFF; font-weight:bold; text-shadow:1px 1px 1px #000000; text-decoration:none;}
.neadHelp a:hvoer{ color:#FFFFFF; text-decoration:none;}

.tab_panel{width:720px; float:left; height:auto; padding-top:5px;}
.content_heading{font-size:18px; color:#121212; }

.product_thumbnil{width:189px; height:318px; padding:6px; 	 text-align:center; background:url(../images/product-bg.gif) no-repeat;}
.product_price{font-size:25px; color:#dd3468; font-weight:bold;}
.line{background:url(../images/line.gif) repeat-x;}
.tab_input{width:200px; height:22px; color:#121212; font-size:14px; border:1px solid #cacaca; border-radius:4px;}

.galley-top {
    background: url("../images/gallery-bg.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 248px;
    width: 683px;
}
#galley-contain {
    margin: 0 auto;
    width: 683px;
}
.galley-pic {
    margin: 0 auto;
    width: 577px;
}
.galley-box {
    float: left;
    padding-top: 45px;
    text-align: center;
    width: 186px;
}
.galley-box p {
    color: #DD3468;
    font: bold 15px Arial,Helvetica,sans-serif;
    padding-top: 20px;
    text-align: center;
}

.submit_btn {
    background: url("../images/by-onlie.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #D63265;
    float: left;
    font-family: bold;
    height: 50px;
    padding-left: 13px;
    width: 140px;
}
.email_btn {
    background: url("../images/email-me.gif") no-repeat scroll 0 0 transparent;
	border: medium none;
    color: #D63265;
    float: left;
    font-family: bold;
    height: 50px;
    padding-left: 13px;
    width: 140px;
    
}
.helpful_advice{width:700px; float:left;}
.helpful_advice ul{width:700px; float:left; list-style:none;}
.helpful_advice ul li{width:700px; float:left; background:url(../images/arrow22.jpg) 5px 10px no-repeat;}
.helpful_advice ul li a{width:auto; float:left; padding-left:15px; color:#000000; text-decoration:none; font-size:12px; line-height:25px;}
.helpful_advice ul li a:hover{color:#da3367}


.online_odering{ height:115px; float:left;  margin-left:420px; #margin-left:280px; *margin-left:280px; margin-top: -110px;  width: 277px;}
.black_overlay {display: none; position: absolute; top: 0%;left: 0%;width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);}
.white_content {display: none; position: absolute; top: 10%;  margin:0 auto; width: 700px; height: 400px; padding: 16px;	border: 16px solid #000; background-color: white; z-index:1002;	overflow: auto; border-radius:30px;}
.black_overlay11 {display: none; position: absolute; top: 0%; left: 0%;	width: 100%; height: 100%; background-color: black;	z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);}
.white_content11 {display: none; position: absolute; top: 10%;  margin:0 auto; width: 700px; height: 400px; padding: 16px; border: 16px solid #000; background-color: white;	z-index:1002; overflow: auto; border-radius:30px;}
.call-andy img {  float: left;   margin: 4px 0 0 8px;}
.call-andy strong {color: #2B4363;  font-size: 23px; line-height: 38px;}
.light-box-content {  margin: 0 auto;}
.call-andy h5 { color: #000000;  font-size: 20px;  font-weight: normal;   line-height: 19px;}
.call-andy strong { color: #2B4363;  font-size: 23px;  line-height: 38px;}
.call-andy h4 {   color: #C30702;   font-size: 28px;    font-weight: normal;    line-height: 15px;    margin-bottom: 6px;    padding-top: 10px;    text-transform: uppercase;}
.close-lite-box {    color: #000000;    float: right;    text-decoration: none;   text-transform: uppercase;}












