/* Shaazad N Qassim - HD - IC */

/* Global Style */
body{ margin:0 auto;position:relative;font-size:12px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
img{border:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal; font-size:14px;}
.lf{float:left;}
.rf{float:right}
.cf{float:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#0c4da2;text-decoration:none;}
ul,li{margin:0;padding:0;list-style:none;}
.clear{clear:both;}

/*input */
.logeField{width:150px;}


/* header */
.header{ width:100%; background:url(../images/top-background-rx.png) repeat-x top; height:71px;position:fixed; z-index:225; }
.header .warper {position:relative; padding-top:20px; margin:0 auto; width:990px;}
.header .warper .logo{margin-right:21px; text-indent:-9000px; width:177px; height:40px;background:url(../images/gulahmed-logo.png) no-repeat;}
.header .warper .logo a{display:block;width:177px; height:21px;}
.header .warper .logo .slug{text-indent:0; text-align:right;font-size:12px;font-weight:bold;color:#312505;font-style:italic;padding-top:3px;}
.menu{}
.menu a{text-decoration:none;color:#808080;}
.menu a:hover{text-decoration:none;color:#0c4da2;}
.menu ul {color:#808080;}
.menu ul li{float:left; border-left:1px solid #CCC;padding:8px 8px;}
.menu ul li.last{border-right:1px solid #CCC}
.shoppingBag{display:block; background:url(../images/shopping-bag.gif) right bottom no-repeat; height:18px; padding-right:14px; padding-top:20px;}
.shoppingBag a{color:#333333; }
.shoppingBag a:hover{color:#0c4da2;}
.myAccount{font-size:11px; position:absolute;right:0px;top:8px; color:#ccc;}
.myAccount a{color:#333333;text-shadow: #fff 1px 1px 0px;}
.myAccount a:hover{color:#0c4da2;}
.welcome{color:#333333;}


/* footer */
.footer{width:100%;position:fixed;bottom:0;z-index:225; bottom:0; height:75px; margin:0 auto;background:url(../images/bottom-background-rx.png) repeat-x top;}
.footer .fwarper{margin:0 auto; width:990px; }
.footer .fmenu{  padding:16px 0 10px 0; font-size:11px;}
.footer .fmenu a{color:#333333;text-shadow: #fff 1px 1px 0px;}
.footer .fmenu a:hover{color:#0c4da2}
.footer .fmenu ul{}
.footer .fmenu ul li {float:left; padding-left:10px;}
.footer .copyright{padding-top:12px;font-size:11px;color:#333333;}

/* Sidebar */
.leftSidebar{position:absolute;top:100px;z-index:45;}
.leftSidebar .block{position:relative; width:240px; margin-bottom:4px;}
.leftSidebar .block div{background:url(../images/transparency.png); width:233px;position:absolute;bottom:0;margin:4px 4px;}
.leftSidebar .block div h1{color:#fff;font-size:14px;padding:5px 6px;}

/* Collapsible Panel */
.categoryCollapsible{font-size:10px; text-transform:uppercase;  color:#333;}
.categoryCollapsible li {}
.categoryCollapsible li a{color:#333;padding-left:15px; padding-bottom:2px; padding-right:5px; background:url(../images/select-icon.gif) no-repeat 0 -22px;display:block;}
.categoryCollapsible li a.select{background:url(../images/select-icon.gif) no-repeat 0 2px;display:block;font-weight:bold;color:#0C4DA2;}
.categoryCollapsible li a:hover{color:#000;}

.priceCollapsible{font-size:10px; text-transform:uppercase;  color:#333;}
.priceCollapsible li {}
.priceCollapsible li a{color:#333;padding-left:15px; padding-bottom:2px; padding-right:5px; background:url(../images/select-icon.gif) no-repeat 0 -24px;display:block;}
.priceCollapsible li a.select{background:url(../images/select-icon.gif) no-repeat 0 2px;display:block;font-weight:bold;color:#0C4DA2;}
.priceCollapsible li a:hover{color:#000;}
.priceOption{font-size:12px; color:#0c4da2;}

.colorCollapsible{font-size:10px; text-transform:uppercase;  color:#333;}
.colorCollapsible li {}
.colorCollapsible li div{float:left; margin-top:2px; margin-right:5px;border:1px solid #d9d9d9;width:7px; height:7px;}
.colorCollapsible li a{  color:#333; padding-bottom:2px; padding-right:5px; display:block;}
.colorCollapsible li a.select{display:block;font-weight:bold;color:#0C4DA2;}
.colorCollapsible li a:hover{color:#000;}


/* Content */
.contentPlace{overflow:hidden;  min-height:600px; background:url(../images/background.jpg) center top no-repeat; paddign-top:50px;  }
.contentPlace .warper{ width:990px; margin:0 auto;padding-top:45px;}
.contentPlace .contentWarper{width:990px; margin:0 auto;padding-top:85px; padding-bottom:200px;}
.contentPlace .sidebar{width:233px;outline:none;}
.tsBlock{margin-bottom:4px; width:233px; padding-top:4px;background:url(../images/top-sidebar.png) top center no-repeat;}
.bsBlock{width:233px; padding-bottom:4px;background:url(../images/bottom-sidebar.png) bottom center no-repeat;}
.msBlock{width:209px; padding:4px 12px; background:url(../images/mid-sidebar.png) center repeat-y;}
.content { margin-left:20px;}
.ctBlock{margin-bottom:4px; width:734px; padding-top:4px;background:url(../images/top-content.png) top center no-repeat;}
.cbBlock{width:734px; padding-bottom:4px;background:url(../images/bottom-content.png) bottom center no-repeat;}
.cmBlock{width:710px; padding:6px 12px; background:url(../images/mid-content.png) center repeat-y;}

.ftBlock{margin-bottom:4px; width:990px; padding-top:4px;background:url(../images/top-fcontent.png) top center no-repeat;}
.fbBlock{margin-bottom:4px; width:990px; padding-bottom:4px;background:url(../images/bottom-fcontent.png) bottom center no-repeat;}
.fmBlock{width:966px; padding:10px 12px; background:url(../images/mid-fcontent.png) center repeat-y; }

/* Detail */
.moveButton{text-transform:uppercase;color:#808080;}
.moveButton a{color:#0c4da2;}
.moveButton a:hover{color:#808080;}
.detailList{}
.detailList h1{font-size:24px; font-weight:bold; color:#0c4da2; text-transform:uppercase;}
.detailList h2{font-size:12px; color:#808080;}
.detailList .code{font-size:12px; color:#333333;}
.detailList .sectionOne{background-color:#f6f6f6; border-bottom:1px solid #e6e6e6;padding:10px;}
.detailList .sectionTwo{background-color:#f6f6f6; padding:10px;}
.detailList .sectionThree{margin-top:10px; background-color:#f6f6f6; border-bottom:1px solid #e6e6e6;padding:10px;}
.detailList .sectionFour{margin-top:10px; background-color:#f6f6f6; padding:10px;}
.phoneNumber{color:#404040;font-size:16px;}
.phoneNumber span{font-size:12px; color:#808080}
.zoomBtn{position:relative; width:53px; height:52px;}
.zoomBtn a{position:absolute;left:-1px;top:-3px; width:53px; height:52px;z-index:2px;}

/* Cart */
.cartCaption {}
.cartCaption h1{color:#0c4da2;font-weight:bold;}
.cartCaption .checkbox {color:#666666;}

/* register */
.register
.registerTitle{ text-transform:uppercase; font-size:18px;color:#0c4da2; text-align:left;}

.productGrid{}
.productGrid thead th{text-transform:uppercase; text-align:left; padding-left:8px; border:1px solid #bfbfbf; background-color:#fff;color:#000;}
.productGrid tbody td{text-align:left; padding-left:8px; border:1px solid #bfbfbf; background-color:#e9e9e9;color:#000;}
.productSelection {text-transform:uppercase;}
.productSelection select{width:200px;font-size:11px;border:1px solid #CCCCCC;padding:1px;color:#666666;}
.colorAlret{font-size:11px;color:#858585;}
.cartPanel{color:#9e0009;font-size:14px;text-transform:uppercase;}
.cartPanel .break{border-right:1px solid #d6d6d6; text-align:right;padding-right:10px;}
.cartPanel .space{padding-left:10px; }
.productTitle{color:#0c4da2;font-size:14px; font-weight:bold;}

.addtocart{
padding:1px 6px; margin-bottom:2px; width:140px; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal; background:url(../images/cart-arrow.gif) no-repeat right; text-align:left; border:0;background-color:#0c4fa0;color:#fff;cursor:pointer;}
.addtocart:hover{color:#00CCFF;}
.normal{width:140px;padding:1px 6px;margin-bottom:2px;  text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal; text-align:left; border:0; background:url(../images/normal-arrow.gif) no-repeat right;background-color:#dbdbdb;color:#7f7f7f;cursor:pointer;}
.normal:hover{ color:#000000;}
.globleBtn{padding:1px 6px;margin-bottom:2px;  text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal; text-align:left; border:0; background-color:#dbdbdb;color:#7f7f7f;cursor:pointer;}
.globleBtn:hover{ color:#000000;}

.gBtn{padding:1px 6px;margin-bottom:2px;  text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal; text-align:left; border:0; background-color:#0c4fa0;color:#fff;cursor:pointer;}
.gBtn:hover{ color:#000000;background-color:#808080}



/* Rating*/
.dd_comment{
padding:0 6px;
}
.dd_comment table .title{color:#87afd3}
.dd_comment .commentBtn{padding:2px 0;}


.commentHd h3{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#0c4fa0;
margin-top: 0px;
margin-bottom:0px;
}

/**Rating*/
.star-rating-wrap{
	white-space:nowrap;
}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating li.current-rating{
	background: url(../images/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:100px !important;
	height:25px !important;
	overflow:hidden !important;
	list-style:none;
	margin:0 !important;
	padding:0 !important;
	background-position: left top;
	display: block;
}
.star-rating li{
	display: inline;
	background: none !important;
	border: 0 !important;
}
ul.star-rating a, 
ul.star-rating li.current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
	height:25px !important;
	line-height:25px !important;
	outline:none;
	overflow:hidden;
	border: none;
	padding: 0 !important;
	margin: 0 !important;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating li.current-rating{
	z-index:1;
	background-image: url(../images/star.gif) !important;
	background-position: left center !important;
}	


/* Dropdown Menu */
.chromestyle{
position:absolute;
width:550px;
margin:0 auto;
margin-left:200px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
	color: #808080;
}

.chromestyle ul li{
float:left; border-left:1px solid #CCC;padding:8px 8px;
}

.chromestyle ul li a{
color: #333333;
text-shadow: #fff 1px 1px 0px;
padding: 4px 7px;
margin: 0;
text-decoration: none;
}
.chromestyle ul li.last{
border-right: 1px solid #ccc;
}


.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{

position:fixed;
padding:10px;
top: 0;
border-bottom-width: 0;
text-transform:uppercase;
line-height:12px;
z-index:200;
font-size:10px;
background:url(../images/menu-bg-rx.png) repeat-x;
width: 400px;
visibility: hidden;
}
.dropmenudiv .td{padding-left:20px;}

.dropmenudiv a{
width: auto;
display: block;
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color:#0c4da2;
} 

/* Breadcrumb */
.sorting{width:140px; padding-left:10px;}
.sCaption{color:#404040;}
.sorting select{width:90px; font-size:11px; color:#999; padding:1px;border:1px solid #999;}
.paging {color:#404040; text-align:right;padding-right:10px;border-right:1px solid #999}
.paging .active{color:#0c4da2;font-weight:bold;}
.paging .active a{color:#0c4da2;}
.paging .active a:hover{color:#0c4da2;}
.paging span{color:#bfbfbf;}
.paging span a{color:#bfbfbf;}
.paging span a:hover{color:#666;}
.breadcrumbTitle {color:#a2a2a2; font-weight:bold;}
.breadcrumbTitle a{color:#000}
.breadcrumbTitle a:hover{color:#333}

/* Product List */
.productList{padding-bottom:150px;}
.ptBlock{margin-bottom:8px;  width:242px; padding-top:4px;background:url(../images/top-product.png) top center no-repeat;}
.pbBlock{width:242px; padding-bottom:4px;background:url(../images/bottom-product.png) bottom center no-repeat;}
.pmBlock{position:relative; width:226px; padding:4px 8px; background:url(../images/mid-product.png) center repeat-y;}
.ptitle{color:#d9d9d9; font-size:14px; width:210px; padding:6px 8px; position:absolute;bottom:0;background-color:#fff;z-index:25;}
.ptitle .price{color:#ca1919;font-weight:bold;}
.ptitle .viewDetail{color:#0c4da2;font-weight:normal;}


/* Slider */
#slideshow {
	background:url(images/ajaxLoader.gif) center no-repeat;
    position:relative;
    height:550px;
	width:990px;
	overflow:hidden;
	
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

