/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * @copyright  Copyright (c) 2004-2007 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */

/****************************************************/
/***********[ Layout ]***********/
/****************************************************/ 

.container {
	margin:0 auto;
	width: 900px;
	padding:0px;
	min-height:100%;
   	position:relative;
	}
.header { 
	width:900px; 
	}
.middle {
	padding:0px 0px 180px 0px;
	}
.footer {
	margin:10px 0px 0px 0px;
	width: 900px;
	height: 170px;
	padding:0px;
	position:absolute;
    bottom:0px;
	background: url("../images/footerBG.png") bottom no-repeat;
	}

/********************** Columns */ 

.col-right {float:right; width:159px; padding:0px 0px 0px 15px;}
.col-left {float:left; width:205px; padding:0px 15px 15px 15px;}
.col-main {float:left; width:696px; padding:15px; margin: 0px 0px 0px -1px;}

.layout-1column {border:1px solid #ddd; padding:10px; margin-bottom:10px;}
.layout-3columns .col-main {width:475px; padding:0px 15px 0px 0px; display:inline;}
.layout-2columns-left .col-main {float:right;}
.layout-2columns-right .col-main {}



/****************************************************/
/***********[ Header Elements ]***********************/
/****************************************************/
.header-top-container{
	width:900px;
	height:121px;
	padding:0px;
	}

.header-top {
	width:200px;
	padding:0px;
	float: left;
	clear: left;
	}
#headerLogo {
	background: url("../images/casLogo.jpg") left no-repeat;
	width: 200px;
	height: 121px;
	display: block;
	float: left;
	clear: left;
	} 
	
#headerContact{
	margin: 15px 15px 0px 0px;
	height: 60px;
	width: 500px;
}

#headerContact h3{
	float:right;
	clear:right;
	padding: 0px;
	margin: 0px;
}

#headerContact h1{
	float:right;
	clear:right;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	font-size: 25px;
	font-weight: normal;
	letter-spacing: 5px;
}

.footerContact{
	padding: 25px 0px 0px 15px;
	height: 90px;
}

.footerContact h3{
	float:left;
	clear:left;
	padding: 0px;
	margin: 0px;
}

.footerContact h1{
	float:left;
	clear:left;
	padding: 0px;
	margin: 8px 0px 8px 0px;
	font-size: 25px;
	font-weight: normal;
	letter-spacing: 5px;
}

.table-head {
	height: 80px;
	width: 726px;
	padding: 0px;
	margin: 0px;
	border-spacing:0px;
	float: left;
}

.table-foot {
	height: 100px;
	width: 870px;
	padding: 0px;
	margin: 70px 0px 0px 0px;
	border-spacing:0px;
	float: left;
}

#applyNow {
	background: url("../images/applyNow.png") right no-repeat;
	height: 135px;
	width: 150px;
	display: block;
	margin: 17px 0px 10px 15px;
	float: right;
	clear: right;
	} 
	
#dealerLogin {
	background: url("../images/contactusBtn.png") right no-repeat;
	height: 38px;
	width: 150px;
	display: block;
	margin: 0px 0px 10px 15px;
	float: right;
	clear: right;
	} 
	
#catalogNavigation {
	background: url("../images/catalogNavigation.png") right no-repeat;
	height: 24px;
	width: 166px;
	display: block;
	margin: 15px 0px 10px -15px;
	} 

#hitman{
	float:right;
	clear:right;
	margin: 0px 0px 0px 15px;
	background: url("../images/hitman.png") right no-repeat;
	height: 496px;
	width: 230px;
	display: block;
}

.user-wrap-frontend{
	width: 420px;
	padding: 10px 10px 50px 10px;
	border:1px solid #000; 
	padding: 15px 15px 5px 15px; 
	margin: 0px; 
	background: url("../images/transBgBlack.png") repeat transparent;
}

.user-head-frontend {
	width: 438px;
	border:1px solid #000;
	border-bottom:0px;
	background: url("../images/blackGloss.png") top repeat-x #000; 
	margin: 20px 0px 0px 0px; 
	min-height:20px; 
	padding:6px 6px 0px 6px;
}

.user-group-frontend {
	width: 438px;
}

.user-wrap{
	width: 430px;
	padding: 10px 10px 50px 10px;
	border:1px solid #000; 
	padding:15px; 
	margin: 0px 0px 5px 5px; 
	background: url("../images/transBgBlack.png") repeat transparent;
}

.user-head {
	width: 438px;
	border:1px solid #000;
	background: url("../images/blackGloss.png") top repeat-x #000; 
	margin: 20px 0px 0px 0px; 
	min-height:20px; 
	padding:6px 6px 0px 6px;
}
/****************************************************/
/***********[ Footer Elements ]***********************/
/****************************************************/
.footer p,
.footer address {
	float:right;
	clear:right;
	}
.footer ul {
	float:left;
	padding:0 20px 0 0;
	}	


/****************************************************/
/***********[ Common Elements ]**********************/
/****************************************************/

.page-head-container {}

.page-head {
	font-size: 1.5em;
	color:#FCFC00;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

/*Back link style*/

.back-link {}

/********************** Columns */

/* All */
.col2-set, .col3-set, .col4-set, .col5-set { clear:both; }

/* Col2 */
.col2-set .col-1, .col2-set .col-2 { width:726px; }
.col2-set .col-1 { float:left; }
.col2-set .col-2 { float:right;}

/* Col2-alt */
.col2-alt-set .col-1 { width:144px; }
.col2-alt-set .col-2 { width:552px; }
.col2-alt-set .col-1 { float:left; }
.col2-alt-set .col-2 { float:right;}

/* Col3 */
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float:left; width:31.3%; }
.col3-set .col-1, .col3-set .col-2 { margin-right:0%; }

/* Col4 */
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float:left; width:22%; }
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3 { margin-right:4%; }

/* Table Columns */
table .col-1, table .col-2, table .col-3, table .col-4 { float:none !important; margin:0 !important; }
.col3-set td.spacer { width:3%; }
.col4-set td.spacer { width:4%; }


/********************** Forms */

/* Form Elements */
input.input-text, select, textarea { }
option, optgroup {}
optgroup {}
input.input-text, textarea {}
input.form-radio {}
.qty { width:2.5em; }
.group-select label, .form-list label, .payment-methods label {}
.input-text:focus, select:focus, textarea:focus { outline:0; }
.buttons-container { /* Container for form buttons*/
    clear:both;
	width:690px;
    }
	
.form-button {
    overflow:visible;
	margin: 0px 0px 5px 0px;
    width:auto;
    border:1px solid #000;
    padding:4px 8px;
	padding-bottom:5px;
    color:#000;
    font:bold 12px arial, sans-serif !important;
    cursor:pointer;
    text-align:center;
    vertical-align:middle;
	background:transparent url(../images/orangeGloss.png) repeat-x scroll center top;
	height:30px;
	margin-top:5px;
}
	
#search_mini_form fieldset {
	width:220px;
	float:right;
	margin-right:30px;
}

#search_mini_form .form-button{
	float:right;	
}
	
.form-button:hover {
    color:#FFF;
	background:transparent url(../images/redGloss.png) repeat-x scroll center top;
    }

.form-button span {
    white-space:nowrap;
    }
	 
input.input-text, textarea {
 	background-color: #313131;
 	background-image: url("../images/blackGlossInvert.png"); 
 	background-repeat:repeat-x;
 	border: 1px solid #000; 
 	color:#fff;
	margin-top:5px;
	width:140px;
}

textarea:focus {
	background-color:#b40101;
	background-image: url("../images/redGlossInvert.png"); 
    background-repeat:repeat-x;
	color:#FFFC00;
}

/* Form lists */
.form-list li { margin-bottom:6px; }
.form-list li .input-box .input-text, .form-list li .input-box textarea { width:408px; }
.form-list li .input-box select { width:256px;}
.form-list li.addElement { border-top:1px solid #DDD; padding-top:10px;}

.group-select {}
.group-select .legend {}
.group-select li {}
.group-select li .input-box {float:left; width:260px; }
.group-select li .input-text, .group-select li select, .group-select li textarea {width:510px; }
.group-select li .input-box .input-text, .group-select li .input-box textarea {width:409px; }
.group-select li .input-box .select{ width20px;}
.group-select li .input-box select { width:256px;}

.wide .input-text, .wide textarea {width:510px;}

/* Form Messages */
.validation-advice, .required { color:#fff; }
.validation-advice {
    background:transparent url(../images/icons/arrow_up.png) no-repeat scroll 2px 1px;
	clear:both;
	font-size:0.95em;
	font-weight:bold;
	line-height:1.25em;
	margin:-5px 0 10px;
	padding-left:17px;
    }
.validation-failed {
    border:1px dashed #EB340A !important;
    }
label.required {
    font-weight:bold;
    }
p.required {
    font-size:.95em;
    float:right;
	clear: right;
    }
/*Expiration date and cvv number validation case */
.input-box .v-fix {position:relative; display:inline; float:left;}
.input-box .v-fix .validation-advice {position:relative; margin-right:-12em; float:left; display:inline; width:12em;}

/********************** Messages  */
.success { color:#3d6611; }
.error { color:#df280a; }
.notice {color:#e26703;}
.success, .error { font-weight:bold; }
.messages { width:100%; overflow:hidden; }
.messages-front { width:450px; overflow:hidden; }
.error-msg, .success-msg, .notice-msg, .note-msg {
    min-height:23px !important;
    margin-bottom:1em !important;
    border-style:solid !important;
    border-width:1px !important;
    background-repeat:no-repeat !important;
    background-position:10px 10px !important;
    padding:8px 8px 8px 32px !important;
    font-size:.95em !important;
    font-weight:bold !important;
    }
.error-msg li, .success-msg li, .notice-msg li {margin-bottom:.2em; }
.error-msg {
    border-color:#f16048;
    color:#df280a;
    background-color:#faebe7;
    background-image:url(../images/error_msg_icon.gif);
    }
.success-msg {
    border-color:#000;
    color:#3d6611;
    background-color:#ffeddd;
    background-image:url(../images/success_msg_icon.gif);
    }
.notice-msg, .note-msg {
    border-color:#fcd344;
    color:#3d6611;
    background-color:#fafaec;
    background-image:url(../images/note_msg_icon.gif);
    }

/********************** Rating */
.rating-box {
    float:left;
    position:relative;
    width:69px;
	overflow:hidden;
    height:13px;
	font-size:1px;
	line-height:1;
    margin-right:5px;
    background:url(../images/bg_rating.gif) repeat-x 0 0;
    }
.rating-box .rating {
    position:absolute;
    top:0;
    left:0;
    height:13px;
    background:url(../images/bg_rating.gif) repeat-x 0 100%;
    }	
	
	
/********************** BreadCrumbs */ 
.breadcrumbs {
	padding:0px; margin:0px 0px 10px 0px;
	}
	.breadcrumbs li {
		display:inline;
		}

		
/********************** Data Table */ 		
.data-table {width:100%;}
.data-table th {padding:5px; font-weight:bold;}
.data-table td {padding:5px; border:1px solid #ddd;}
.data-table .label {font-weight:bold;}
.data-table .data {}

/**********************
*************** Pager**
***********************/ 
.pager { border:1px solid #000; background: url("../images/blackGloss.png") top repeat-x; margin: 0px 0px 0px 0px; height:30px; width:693px;}
	.pager .items-number {float:left;}
	.pager .items-limiter {float:right; text-align:right;}
	
	.pagerSide {
		width: 200px;	
		padding: 6px;
		font-size: 14px;
	}
	
	.pagerSelect{
		      height: 30px;
			  margin: 0px 35%;
			  text-align:center;
		}
		
	.pagerSelect .selector{
		      font-size: 14px;
		    line-height: 14px;
		    font-weight: normal;
			      color: #FFFD00;
		        padding: 7px 8px 9px 8px;
		          float: left;
		        display: block;
		text-decoration: none;
		}
	
	.pagerSelect .selector:hover{
		      font-size: 14px;
		    line-height: 14px;
		    font-weight: normal;
			      color: #FFFD00;
		        padding: 7px 8px 9px 8px;
		     background: transparent url(../images/transBgRed.png);
		          float: left;
		        display: block;
		text-decoration: none;
		}
		
	.pagerSelect .selected{
		   font-size: 14px;
		 line-height: 14px;
		 font-weight: bold;
		     padding: 7px 8px 9px 8px;
		  background: transparent url(../images/transBgBlack.png);
		       float: left;
		     display: block;
		}
	.pagerSelect .nulled {
		font-size:    14px;
		line-height:  14px;
		font-weight:  bold;
		padding:      6px 6px 6px 6px;
		float:        left;
		display:      block;
		} /*current page*/
		
	.pagerSelect .arrowSelector{
		      font-size: 14px;
		    line-height: 14px;
		    font-weight: normal;
			      color: #FFFD00;
		        padding: 6px 6px 6px 6px;
		          float: left;
		        display: block;
		text-decoration: none;
		}
	
	.pagerSelect .arrowSelector:hover{
		      font-size: 14px;
		    line-height: 14px;
		    font-weight: normal;
			      color: #FFFD00;
		        padding: 6px 6px 6px 6px;
		     background: transparent url(../images/transBgRed.png);
		          float: left;
		        display: block;
		text-decoration: none;
		}
		
	.pagerSelect .nulled a, .pagerSelect .selected a, .pagerSelect .selector a {
		text-decoration: none;
	}

/********************** Sorter */ 
.sorter { border:1px solid #000; background: url("../images/blackGloss.png") top repeat-x; margin: 0px 0px 15px 0px; height:20px; padding:5px;}
	.sorter .view-mode {float:left;}
	.sorter .sort-by {float:right;}
	.sorter .link-feed {}


/********************** Box */
.box {
	padding:10px; 
	margin:0px 0px 15px 0px;
	}
	.box .actions {}

.box-head {
	border:1px solid #710000;
	background: url("../images/redGloss.png") top repeat-x #000; 
	margin: -10px -10px 5px -10px; 
	min-height:20px; 
	padding:6px 6px 0px 6px;
}

.box-head.black {
	border:1px solid #000;
	background: url("../images/blackGloss.png") top repeat-x #000; 
}

.box-head h3{
	line-height:10px;
	color: #FFFC00;
}

.box.accnav {
	background: url(../images/transBgBlack.png);
}
.box.accnav li{
	float:left;
	font-size: 80%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:2px 20px 0 0;
	font-weight: normal;
}
/********************** Prices */

.price-box {}

.regular-price{
	margin: 10px 0px 0px 0px; 
	color:#FCFC00;
}

.regular-price span.label{
	font-weight: normal;
	font-size: 0.8em;
}

.regular-price span.price{
	font-weight: normal;
	font-size: 1.2em;
}

.old-price {}
.old-price .label {}
.old-price .price {}

/*Special price*/
.special-price{}
.special-price .label {}
.special-price .price {}

/*minimal price (as low as) */
.minimal-price {}
.minimal-price .label {}
.minimal-price .price {}

/*including tax*/
.price-including-tax {}
.price-including-tax .label {}
.price-including-tax .price {}


/*excluding tax*/
.price-excluding-tax  {}
.price-excluding-tax .label {}
.price-excluding-tax .price {}



/**********************General Product */
.product-img-box {
	background-color:#990000;
	padding: 5px 5px 3px 5px;
}

.product-name {
	font-size: 20px;
	font-weight: normal;
	color: #fff;
}

.product-details {}

.product-name-price { height: 60px; }

.product-image-additional-title{
	font-size:80%;
	margin: 15px 0px 1px 0px;
	font-weight:bold;
	padding: 7px 7px 5px 7px;
	background: url("../images/redGloss.png") top repeat-x #830202; 
	border: 1px solid #830202;
}

.product-image-additional img {
	float: left;
	margin: 1px 0px 0px 0px;
	padding: 4px 0px 0px 5px;
}

.product-image-additional {
	padding: 0px 5px 5px 0px;
	background-color:#830202;
}

.product-additional ul{
	margin: 15px 0px 0px 0px;
}

.product-additional li{
	background-color: #000000;
}

.product-additional li.title{
	margin: 1px 0px 0px 0px;
	font-weight:bold;
	padding: 7px 7px 10px 7px;
	background: url("../images/blackGloss.png") top repeat-x #000; 
	border: 1px solid #000; 
}

.product-additional li.label{
	margin: 1px 0px 0px 0px;
	font-weight:bold;
	padding: 7px 7px 0px 7px;
}

.product-additional li.data{
	margin: 0px 0px 1px 0px;
	padding: 0px 7px 7px 7px;
}

.product-sku{
	font-size:0.8em;
	font-weight:normal;
}

/****************************************************/
/***********[ HOME Page SAMPLE DATA ]*************************/
/****************************************************/	
.home-spot { float:left; width:474px; margin-left:20px; }

/****************************************************/
/***********[ Category Page ]*************************/
/****************************************************/	

.category-head h2 {}
	.category-head .link-feed {}
.category-image { margin: 0px 0px 15px 0px}
.category-description {}

/********************** Category Products */ 

.category-products {}
.product-image {}

/*Type:Grid*/
	.category-products ul.products-grid { margin: 5px 0px 0px -5px; display:table; width: 700px;}
	.category-products ul.products-grid li { color: #FFF; border:1px solid #000; padding:15px; margin: 0px 0px 5px 5px; width:138px; height:240px; background: url("../images/transBgBlack.png") repeat transparent; float: left;}
	.category-products ul.products-grid li:hover { color: #FFF; border:1px solid #710000; background: url("../images/transBgRed.png") repeat transparent; float: left;}
	
	.category-products ul.products-grid li button{ color: #FFF; border:1px solid #000; width: 139px; vertical-align:bottom; padding: 5px; background: url("../images/redGloss.png") top repeat-x;}
	.category-products ul.products-grid li:hover button{ color: #FFF; border:1px solid #000; padding: 5px; background: url("../images/blackGloss.png") top repeat-x; }
	.category-products ul.products-grid li:hover button:hover{ color: #FFF; background: url("../images/orangeGloss.png") top repeat-x;}
	
	.category-products ul.products-gridv .product-name-price {font-size: 90%; }
	
	.category-products ul.products-grid li img{ border:3px solid #000; width:132px; margin: 0px 0px 8px 0px; }
	.category-products ul.products-grid li:hover img{ border:3px solid #710000;}
	.category-products ul.products-grid li:hover img:hover{ border:3px solid #ff7d26;}
	
	.category-products ul.products-grid li a.product-name { color: #FFF; text-decoration: none; font-weight: normal; font-size: 1.1em; }
	
/*Type:List*/
	.category-products ul.products-list .item{padding:5px; border:1px solid #ddd;}
	.category-products ul.products-list .item .product-image {}
	.category-products ul.products-list .item .product-shop {}


/****************************************************/
/***********[ Product View Page ]*********************/
/****************************************************/	

.product-info-box { width: 666px; }	
	
.product-essential {}

	.product-essential .product-shop {float:right;}


	.product-media {float:left; width:265px; overflow:hidden;}
		.product-media .product-image {}
		.product-media .more-views li{display:inline;}

.product-left {
	width: 265px;
	float: left;
}

.head{
	font-size: 80%;
	margin: 25px 0px 10px 0px;
	font-weight:bold;
	padding: 7px 7px 7px 7px;
	background: url("../images/redGloss.png") top repeat-x #830202; 
	border: 1px solid #830202; 
}

.head.first{
	margin: 0px 0px 10px 0px;
}

.product-right { 
	margin:0px 0px 0px 15px;
	width: 415px;
	float: left;
	text-align: justify;
}

.product-description {
	font-size: 90%;
}

	
	.additional-data {}
	.up-sell {}

/***********************************image ZOOM*/
.product-media .product-image {
    position:relative;
    overflow:hidden;
    width:265px;
    height:265px;
    z-index:9;
    }
.product-media .product-image img {
    position:absolute;
    left:2px;
    top:2px;
    width:100%;
    cursor:move;
    z-index:99;
    }	
.image-zoom {
    z-index:9; position:relative; height:18px; margin:0 auto 13px auto; background:url(../images/slider_bg.gif) no-repeat 50% 50%; padding:0 28px 0 28px; cursor:pointer; }
#image { width:auto; }
#track { position:relative; height:18px; }
#handle { position:absolute; left:0; top:-1px; width:9px; height:22px;background:url(../images/magnifier_handle.gif) no-repeat;  }
.btn-zoom-out { position:absolute; left:2px; top:1px;}
.btn-zoom-in { position:absolute; right:2px; top:1px;}
	
.left{
	float:left;
	margin: 0px 0px 15px 0px;
}

.right{
	float:right;
	margin: 0px 0px 15px 0px;
}

.rightImage{
	float:right;
	clear:right;
	margin: 0px 0px 0px 15px;
}

.cmsTitle {
	font-size: 1.5em;
	color:#FCFC00;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
	
.miniLogin {
	float: left;
	margin: 0px 0px 0px 0px;
}

.dealerLogin {
	border:1px solid #000;
	border-top: 0px;
	background: url("../images/blackGloss.png") top repeat-x #000; 
	padding:3px 5px 5px 5px;
	font-size:12px;
	width: 134px;
}

.miniLogin table{
	border-collapse:separate;
	border-spacing:0px;
	empty-cells:hide;
	margin: 0px 0px 0px 15px;
}

.miniLogin .lab{
	font-size: 10px;
}

.miniLogin input {
	width: 144px;
	height: 14px;
	margin: 3px 0px 0px 0px;
	border:1px solid #810202;
	background: url("../images/transBgRed.png"); 
	font-size:14px;
	color: #810202;
	vertical-align: middle;
	padding: 2px;
}

.miniLogin input:focus {
	color: #fff000;
	background: url("../images/transBgBlack.png"); 
	border:1px solid #000;
}
	
input {
	border:1px solid #000;
	background: url("../images/blackGlossInvert.png"); 
	font-size:12px;
	height: 18px;
	color: #FFF;
	margin: 5px 0px 10px 0px;
	padding: 5px;
}

input:focus {
	border:1px solid #000;
	background: url("../images/redGlossInvert.png"); 
	color: #FFFF00;
}

.name-middlename {
	display:none;
}

.bodyLinks a {
	color: #FFF;
	display:block;
	background: url("../images/transBgRed.png");
	padding: 6px 6px 6px 12px;
	width: 173px;
	border: 1px solid #000;
	margin: 2px;
}

.bodyLinks a:hover {
	color: #FFD000;
	display:block;
	background: url("../images/transBgBlack.png");
	padding: 6px 6px 6px 12px;
	width: 173px;
	border: 1px solid #FFD000;
}

.bodyLinks table {
	width: 585px;
}

.bodyLinks th {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #6D929B;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

.bodyLinks td {
	width: 195px;
}


.bodyLinks td.alt {
	background: #F5FAFA;
	color: #B4AA9D;
}

.flashBanner{
	margin: -2px -4px 0px -2px;
	border: 3px solid #810202;
}

.contact_moreinfo {
    font-size:13px;	
	height:170px;
}

.iconemail {
	background:url("../images/iconemail.png") no-repeat scroll 0 0 transparent;
	padding-left:30px;
	background-position: left center;
	display:block;
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
}