/*-----------------------------------------------------

*

*	Author: Amit Goyal | amit@rirev.com

*

-------------------------------------------------------*/





/* =Tag

----------------------------------------------------------------------*/



/* ----------------------------------------------------------------------

Tag */





@font-face {

    font-family: 'Cantarell';

    src: url('../fonts/Cantarell-Regular-webfont.eot');

    src: url('../fonts/Cantarell-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Cantarell-Regular-webfont.woff') format('woff'),

         url('../fonts/Cantarell-Regular-webfont.ttf') format('truetype'),

         url('../fonts/Cantarell-Regular-webfont.svg#CantarellRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'CantarellBold';

    src: url('../fonts/Cantarell-Bold-webfont.eot');

    src: url('../fonts/Cantarell-Bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Cantarell-Bold-webfont.woff') format('woff'),

         url('../fonts/Cantarell-Bold-webfont.ttf') format('truetype'),

         url('../fonts/Cantarell-Bold-webfont.svg#CantarellBold') format('svg');

    font-weight: normal;

    font-style: normal;

}



@import url(http://fonts.googleapis.com/css?family=Quicksand:400,700,300);



/* =general 

----------------------------------------------------------------------*/



body {

	text-align:left;

	font-size:62.5%; 

	font-family: Cantarell, Helvetica, Arial, sans-serif;

	position:relative;

	color:#8A8A8A;

	background:#131213 url(../images/bodyBackground.png) repeat top left;

}



*::selection {

	background:#c1181e;

	color:#fff;

}



*::-moz-selection {

	background:#c1181e;

	color:#fff;

}



h1, h2, h3 {

	font-family: "franklin-gothic-urw-con-sc", Helvetica, Arial, sans-serif;

	color:#fff;

	font-weight:normal;

}





.wf-loading h1,

.wf-loading h2,

.wf-loading h3 {

	visibility:hidden;

}



.wf-active h1,

.wf-active h2,

.wf-active h3 {

 visibility: visible;

}



h1 {

	font-size:2.8em;

	line-height:1.1em;

  	color:#ff2128;

} 



h2 { 

  	font-size:2.3em; 

  	line-height:1.1em;

} 



h3 { 

  	font-size:1.9em;

  	line-height:1.2em;

}



strong, h5 {

	font-weight: bold;

}



p {

	font-size:1.325em;

	line-height:1.4em;

	margin:0 0 15px 0;

}



address {

	font-size:1.175em;

	line-height:1.55em;

}



address strong {

	color: #ccc;

	font-family: "franklin-gothic-urw-con-sc",Helvetica,Arial,sans-serif;

	font-size: 1.75em;

	font-weight:normal;

}



address strong.split {

	margin:10px 0 0;

}



em {

	font-style:italic;

}



a:link, a:visited, a:active {

	color:#8A8A8A;

	text-decoration:none;

}



a:hover {

	color:#C3171E;

}



.right {

	float:right;

}



.aCenter {

	text-align: center;

}



.left {

	float:left;

}



.clear {

	clear:both;

}



.clearRight:after {

	content:'.';

	display:block;

	height:0px;

	clear:right;

	font-size:0em;

	visibility:hidden;

}

.clearLeft {

	clear:left;

}



.floatClear:after {

	content:'.';

	display:block;

	height:0px;

	clear:both;

	font-size:0em;

	visibility:hidden;

}



.dNone, .jNone {

	display:none !important;

}



#remAccess {

  	position:absolute;

  	left:-9999px;

  	top:-9999px;

  	font-size:1px;

  	line-height:1;

}



#wrapper {

	height:100%;

	position:relative;

}



/* ----------------------------------------------------------------------

general */



/* =header

----------------------------------------------------------------------*/



#header {

	display:block;

	background:#131213 url(../images/headerBack.jpg) repeat-x 0 0;

	height:55px;

}



#headerInner {

	width:960px;

	margin:0 auto;

	position:relative;

}



#branding {

	padding:7px 0 0;

}



/* ----------------------------------------------------------------------

header */



/* =navigation

----------------------------------------------------------------------*/



#primaryNavigation {

	position:absolute;

	right:-8px;

	top:0;

}



#primaryNavigation li {

	font-family:Quicksand, Cantarell, Helvetica, Arial, sans-serif;

	float:left;

}



#primaryNavigation li.current a,

#primaryNavigation li.current:hover a,

#primaryNavigation li.current a:hover,

#primaryNavigation li.section a,

#primaryNavigation li.section:hover a,

#primaryNavigation li.section a:hover  {

	background:#ED1C24 url(../images/headerBack.jpg) repeat-x 0 -114px;

}



#primaryNavigation li a {

	font-size:1.5em;

	font-weight:bold;

	line-height:55px;

	color:#fff;

	display:block;

	padding:0 8px;

}



#primaryNavigation li:hover a,

#primaryNavigation li a:hover {

	background:#ED1C24 url(../images/headerBack.jpg) repeat-x 0 -58px;

}



.menu li .align_right {

	-moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

}



.menu li:hover .dropdown_1column {

	top:50px;

	-moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

}



.menu .dropdown_1column {

	padding:0;

	background:transparent url(../images/brandMenuBackground.png) repeat top left;

}



.menu .col_1 {

	margin:0;

}



#primaryNavigation li:hover a.brand {

	background:none;

	font-size:1.2em;

	line-height:1.5em;

	margin:0;

	padding:5px 10px;

}



#primaryNavigation li:hover a.brand:hover {

	background-color:#000;

}



#primaryNavigation li:hover a.brand.current {

	background-color:#c1181e;

}



#primaryNavigation .brandMenu li {

	width:100%;

}



#primaryNavigation .brandMenu li a {

	display:block;

	font-size:1.04em;

	padding:0 0 0 15px;

	height:auto;

	line-height:1.6em;

	font-weight:normal;

}



#primaryNavigation .brandMenu ul li a {

	font-size:0.975em;

	line-height:1.6em;

}



#primaryNavigation li:hover .brandMenu a,

#primaryNavigation .brandMenu li:hover a,

#primaryNavigation .brandMenu li a:hover {

	background:none;

	font-family:Arial, Helvetica, sans-serif;

}



#primaryNavigation li:hover .brandMenu a:hover {

	color:#c1181e;

}



#primaryNavigation .brandMenu li.current > a,

#primaryNavigation .brandMenu li.current > a:hover {

	background-color:#6B0B10;

	color:#fff;

}



#primaryNavigation .brandMenu li li {

	width:100%;

}



#primaryNavigation .brandMenu li li a {

	padding:0 0 0 30px;

}



#primaryNavigation .brandMenu li li.current > a,

#primaryNavigation .brandMenu li li.current > a:hover {

	background-color:#2d0406;

	color:#fff;

}





/* ----------------------------------------------------------------------

navigation */



/* =breadcrumbs

----------------------------------------------------------------------*/



#content #breadcrumbs {

	float:right;

	margin:8px 0 0;

	font-size:0.9em;

}



#breadcrumbs p {

	margin:0;

	padding:0;

}



#breadcrumbs a {

	color:#8A8A8A;

}



#breadcrumbs a {

	color:#C3171E;

}



#breadcrumbs a:hover {

	color:#dd1c23;

}





/* ----------------------------------------------------------------------

breadcrumbs */





/* =content

----------------------------------------------------------------------*/



#galleryWrapper {

	position:relative;

	width:960px;

	margin:30px auto;

	height:480px;

}



#innerWrapper {

	background:transparent url(../images/innerBackground.jpg) repeat top left;

	border:1px solid #191919;

	padding:30px 0;

	margin:30px 0 0;

}



#innerWrapper.withSidebar {

	padding:0;

}



#sidebarWrapper {

	width:960px;

	margin:0 auto;

	padding:30px 0;

	position:relative;

}



.withSidebar #content {

	width:720px;

	position:relative;

}



#content {

	width:960px;

	margin:0 auto;

	min-height:600px;

}



#content ul {

	margin:0 0 15px;

}



#content p + ul {

	margin-top:-10px;

}





#content ul li {

	font-size:1.3em;

	line-height:1.5em;

	list-style:none;

	background:transparent url(../images/highlightBullet.png) no-repeat 0 8px;

	margin: 0;

	padding-left:10px;

}



#content ul li li,

#content ul li li li {

	font-size:1.0em;

}





.home #content {

	min-height:0;

}



#recommendation h2 {

	font-family:Cantrell, Helvetica, Arial, sans-serif;

	font-size:1.35em;

	background:transparent url(../images/recommendationIcon-ii.png) no-repeat 10px 50%;

	padding:10px 10px 10px 45px;

	background-color:#c1181e;

	margin:10px 0;

	

}



#triSplit .split {

	width:220px;

	float:left;

	margin:0 50px;

}



#triSplit h1 {

	font-size:2.4em;

	color:#C3171E;

}



#triSplit h1 a {

	color:#C3171E;

}



#triSplit .split p {

	color:#747373;

	font-size:1.3em;

}



.highlightBox {

	border:1px dashed #282828;

	background:#000;

	padding:10px;

	border-radius:2.5px;

	margin:15px 0;

}



#content .highlightBox ul {

	margin:0;

}



#content .highlightBox ul li {

	margin:0;

	color:#ccc;

}



#brands {

	width:750px;

	margin:30px auto;

}



#brands li {

	float:left;

	margin:0 20px;

}



/* ----------------------------------------------------------------------

content */



/* =table

----------------------------------------------------------------------*/



table {

	border-collapse:collapse;

	width:100%;

	height:100%;

}



table th {

	height:20px;

	border:1px solid #0a0a0a;

	font-size:1.6em;

	padding:6px;

	background-color:#c1181e;

	color:#fff;

	vertical-align:middle;

	text-align:center;

}



table td {

	font-size:1.35em;

	line-height:1.2em;

	color:#fff;

	padding:4px 8px;

	vertical-align:middle;

	text-align:center;

}



table tr:hover {

	background-color:#af161b;

}



/* ----------------------------------------------------------------------

table */



/* =forms

----------------------------------------------------------------------*/



form fieldset {

	width:100%;

}



form label {

	font-size:1.3em;

	margin:10px 0 4px 0;

	padding: 4px 6px;

	display:block;

}



label.error {

	border: 1px solid #D72128;

	color: #D72128;

	margin: 7.5px 0 17.5px;

	padding: 5px 7.5px;

	width: 98.5%;

}



form input.text,

form textarea {

	width:99%;

	background:#000;

	border:1px solid #222;

	/*border:1px solid #c1181e;*/

	border-radius:2px;

	margin:0 0 2.5px;

	color:#999;

	padding: 5px;

}



form .checkbox {

	float:left;

}



form input.text:focus,

form textarea:focus {

	border-color: rgba(193, 24, 30, 0.8);

	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(193, 24, 30, 0.4);

	outline: 0 none;

}



form .button,

form input[type="submit"] {

	background-color: #C1181E;

	color: #FFFFFF;

	display: block;

	float: right;

	font-size: 1.6em;

	margin: 12.5px 0 2.5px;

	padding: 4px 10px;

	border:0 none;

	font-family: Cantarell,Helvetica,Arial,sans-serif;

	cursor: pointer;

}



.button::-moz-focus-inner,

form input[type="submit"]::-moz-focus-inner {

	padding:0;

}



form .button:hover,

form input[type="submit"]:hover {}



form #Remember .right {

	float: left;

	line-height: 1em;

	margin: 0;

	padding: 2.5px 5px;

}



form #ForgotPassword {

	margin:7.5px 0 0;	

}



form .customfile {

	margin:0 0 12.5px 0;

}



form .customfile label.error {

	margin: 8px 0 0;

	width: 97.5%;

}



.notification p {

	border: 1px solid #C1181E;

	color: #C1181E;

	margin: 5px 0 0;

	padding: 5px 10px;

	width: 98%;

}



.file {

	opacity:0;

}



.no-js .file {

	opacity:1;

	display:block;

}





/* ----------------------------------------------------------------------

forms */



/* =secondaryNavigation

----------------------------------------------------------------------*/



#sidebar {

	background:#060606;

	position:absolute;

	left:0;

	top:-2px;

	bottom:-2px;

	width:210px;

	padding:30px 0;

	border:1px solid #090909;

	border-top:2px solid #C1181E;

	border-bottom:2px solid #C1181E;

}



#sidebar ul {

	width:210px;

}



#sidebar li a {

	display:block;

	color:#fff;

	font-size:1.6em;

	line-height:1.5em;

	padding:0 15px;

}



#sidebar li a:hover {

	color:#c1181e;

}



#sidebar ul > li.current > a,

#sidebar ul > li.current > a:hover,

#sidebar ul > li.section > a,

#sidebar ul > li.section > a:hover {

	background-color:#C1181E;

	color:#fff;

}



#sidebar ul ul {

	padding:0 0 2.5px;

}



#sidebar ul ul a {

	font-size:1.4em;

	padding:0 0 0 30px;

}



#sidebar ul ul > li.current > a,

#sidebar ul ul > li.current > a:hover,

#sidebar ul ul > li.section > a,

#sidebar ul ul > li.section > a:hover {

	background-color:#6B0B10;

	color:#fff;

}



#sidebar ul ul ul a {

	padding:0 0 0 40px;

}



#sidebar ul ul ul > li.current > a,

#sidebar ul ul ul > li.current > a:hover {

	background-color:#2d0406;

	color:#fff;

}



#sidebarInner {

	padding:0 15px;

}



#sidebar ul ul {

	display:none;

}



.no-js #sidebar ul ul {

	display:block;

}



/* ----------------------------------------------------------------------

secondaryNavigation */



/* =product

----------------------------------------------------------------------*/



.product#innerWrapper {

	padding:0;

}



#productWrapper {

	width:960px;

	margin:0 auto;

	padding: 30px 0 ;

	position:relative;

}



#productGalleryWrapper {

	position:relative;

	width:720px;

	margin:5px auto 15px;

	height:250px;

}



.product #content {

	width:720px;

	position:relative;

}



.product #powerRange,

.product #externalURL {

	display:block;

	float:right;

	font-size:1.6em;

	padding:8px 10px;

	background-color:#c1181e;

	color:#fff;

	margin:0 0 0 2.5px;

	cursor: pointer;

}



.product #powerRange:hover,

.product #externalURL:hover {}



/* ----------------------------------------------------------------------

product */



/* =category

----------------------------------------------------------------------*/



#superCategoryData {}



#superCategoryData img {

	width:200px;

	margin:10px 0 0 0;

	float:left;

}



#superCategoryData p {

	width:505px;

	margin:7px 0 0 15px;

	float:left;

}



#superCategoryData p a:hover {

	color:#a3a3a3;

}



#subCategories {

	margin:15px 0 0;

}



#subCategories .subCategoryLeft {

	float:left;

	width:200px;

}



#subCategories .subCategoryLeft p {

	font-size:1.25em;

}



#subCategories .subCategoryLeft p a:hover {

	color:#a3a3a3;

}



#subCategories .subCategoryLeft .subCategoryImage {

	float:left;

	display:block;

	background:#fff;

	margin:0 0 5px;

}



#subCategories .subCategoryRight {

	float:left;

	width:505px;

}



#subCategories .subCategoryRight .productsLeft,

#subCategories .subCategoryRight .productsRight {

	float:left;

	width:235px;

	margin:0 0 0 15px;

}



#subCategories .subCategoryRight .categoryProduct {

	 display: block;

    float: left;

}



#subCategories .subCategoryRight .categoryProduct h3 a {

	color:#efefef;

}



#subCategories .subCategoryRight .categoryProduct h3 a:hover {

	color:#dd1c23;

}



/* ----------------------------------------------------------------------

category */





/* =sitemap

----------------------------------------------------------------------*/



#content ul#sitemap {

	margin:0 0 5px;

}



ul#sitemap ul {

	margin:0 0 5px;

}



ul#sitemap li {

	border-bottom:1px dotted #282828;

	padding:5px 0 5px 10px;

	background-position: 0 13px;

}



ul#sitemap li a {

	color:#bbb;

}



ul#sitemap li a:hover {

	color:#C3171E;

}



ul#sitemap li li,

ul#sitemap li li li{

	margin:3px 0 0 10px;

	padding:0 0 0 10px;

	border-bottom:0;

	background-image:url(../images/highlightBullet-l2.png);

	background-position: 0 8px;

}



ul#sitemap li li a,

ul#sitemap li li li a {

	color:#8a8a8a;

}



ul#sitemap li li a:hover,

ul#sitemap li li li a:hover {

	color:#C3171E;

}



/* ----------------------------------------------------------------------

sitemap */





/* =footer

----------------------------------------------------------------------*/



#footer {

	background-color:#C1181E;

	color:#fff;

}



#footer ul {

	width:960px;

	margin:0 auto;

}



#footer li {

	float:right;

	display:block;

	font-size:1.1em;

	padding:9.5px 15px;

	border-right:1px solid #8B181C;

}



#footer li#copyright {

	float:left;

	border:none;

}



#footer li.last {

	border:none;

	padding-right:0;

}



#footer li a {

	color:#efefef;

}



#footer li a:hover {

	color:#fff;

	text-decoration:underline;

}



/* ----------------------------------------------------------------------

footer */