@CHARSET "ISO-8859-1";

/*
 * reset
 */
 
ul {
	list-style-type: none;
}

form, fieldset, a, h1, h2, h3, h4, h5, h6, p, ul, li {
	padding: 0px;
	margin: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
}

fieldset {
	border: 0 none;
}


/*
 * common styles
 */
 

.hidden {
	height: 1px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: -500px;
	width: 1px;
}

/* Generic Styling*/
p
{
	font-size: 1.1em;
	color: #333333;
}

a
{
	color: Black;
	text-decoration: none;
	cursor:pointer;
}
a:hover
{
	text-decoration: underline;
}
a img
{
	border: none;
}
h1
{
	font-size: 2.5em;
}

.label
{
	font-weight: bold;
}
.small
{
	font-size: 0.8em;
}
.medium
{
    font-size: 0.9em;
}
.centerAlign
{
	width: 100%;
	text-align: center;
}

/*
 * misc
 */

p.clear {
	clear: both;
	margin: 0pt;
	padding: 0pt;
}

.fulla
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

/*
 * inline help
 */
 
.helpInline {
	background: #FFFFF0 none repeat scroll 0%;
	border: 1px solid #000000;
	color: #000000;
	padding: 10px;
	position: absolute;
	width: 200px;
	z-index: 700;
}

.helpInline p.description,
.helpInline p {
	color: black;
}

.helpInline .close {
	color: #000000;
	display: block;
	text-align: right;
}

/*
 * slyders
 */

.scrollSlyder {
	margin-top: 10px;
    position: relative;
    height: 160px;
    overflow: hidden
}

.scrollSlyder.withDetails {
	height: 200px;
}

.scrollSlyder .leftArrow
{
	position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    width: 100px;
    height: 150px;
	background-position: left 50%;
	background-repeat: no-repeat;
	background-image: url('../../imgs/arrowLeft.png');

	background-image: url('/storefront/images/shop/generic/icons/arrowLeft.png');
	
	
	
	border: none;
}
.scrollSlyder .rightArrow
{
    width: 100px;
    height: 150px;
	background-position: right 50%;
	background-repeat: no-repeat;
	background-image: url('../../imgs/arrowRight.png');

	background-image: url('/storefront/images/shop/generic/icons/arrowRight.png');
	
	border: none;
    position: absolute;
    right: 0px;
    top: 0px;
    display: none;
} 

.scrollSlyder .slyder {
    position: absolute;
    top: 0px;
    left: 0px;
}

.scrollSlyder .item
{
	position: relative;
    float: left;
    clear: none;
    display: none;
    width: 163px;
	cursor: pointer;
}

.scrollSlyder .item .noteImages
{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.longSlyder h2, 
.shortSlyder h2
{
	color: Black;
	font-family: Arial;
	font-size: 2em;
	text-transform: uppercase;
	/*margin: 5px 0 0 0px;*/
}

.bestSellers.longSlyder p
{
	color: Gray;
	text-transform: uppercase;
	font-size: 1.2em;
}

.longSlyder .scrollSlyder
{
    position: relative;
    width: 970px;
    /*height: 160px;*/
}

.longSlyder .strap,
.shortSlyder .strap
{
	color: Gray;
	/*text-transform: uppercase;*/
	font-size: 1.2em;
}

/*
 * Tooltips
 */

.rolloverBody
{
	border: solid 5px #999999;
	background-color: #dddddd;
	padding: 5px;
	width: 190px;
	opacity: 0.85;
	font-family: arial;
	z-index: 9990;
}

.rolloverBody h1,
.rolloverBody h2,
.rolloverBody h3,
.rolloverBody h4,
.rolloverBody h5,
.rolloverBody h6 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
}

.rolloverBody p
{
	margin: 0;
	font-size: 1.1em;
}

.rolloverBody p.clickImage
{
	text-align: right;
	margin: 0;
	color: #009bdd;
}

/*
 * Generic Styles
 */

.secondaryNavContent h3
{
    float:left;
	padding: 5px;
	margin:0;
	width: 137px;
	cursor: default;
	font-size:1.2em;
}

.secondaryNavContent ul
{
    float:left;
	margin: 0;
	padding: 5px;
	list-style-type: none;
}

.secondaryNavContent ul li
{
    padding: 0 0 2px 0;
    font-size:1.1em;
}

.secondaryNav
{
	float: left;
	clear: none;
	width: 100%;
	background-color: #35413B;
/* background-color: #4eafdc;*/
	color: White;
	font-size: 1.1em;
	z-index: 475;
}

.secondaryNav a
{
	color: White;
}

.secondaryNav h6
{
	font-weight: bold;
	font-size: 1.1em;
	margin: 5px 0 15px 4px;
	padding: 0 0 0 10px;
	background-image: url('../../imgs/orange_tri.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}

.secondaryNav ul
{
	margin: 0 0 0 15px;
	padding: 0 0 10px 4px;
	list-style-type: none;
}

.secondaryNav p
{
	color: White;
	margin: 0 0 5px 15px;
}

/*
* Layout Elements Styles
*/

.default-inner-content ol.std
{
    margin:0 0 0 20px;
    padding:0 0 0 10px;
    color:#EFEFEF;
}



.default-inner-content h1,
.default-inner-content h1 a
{
    margin:0 0 10px 0;
    padding:0;
    color:#FFF;
    font-size:1.4em;
    text-transform:uppercase;
    /*font-variant: small-caps;*/
    font-weight:bold;
}

.default-inner-content h2
{
    margin:15px 0 10px 0;
    padding:0;
    color:#FFF;
    font-size:1.2em;
    font-weight:bold;
}

.outer-grey-box-singlecol h2
{
	margin:5px 0;
    padding:0;
    color:#6C6C6C;
    font-size:1.3em;
    font-weight:bold;
    text-transform:uppercase;
}

.outer-grey-box-singlecol h2 span.further-details
{
    padding-left:70px;
}

.default-inner-content p
{
    margin:0;
    padding:0 0 5px 0;
    color:#EFEFEF;
}

.outer-grey-box-dualcol h2, .outer-grey-box-tricol h2
{
    margin:5px 0 10px 0;
    padding:0;
    color:#6C6C6C;
    font-size:1.2em;
    text-transform:uppercase;
}

.highlight {font-weight:bold;}

.lowlight-grey
{
    color:#B2B2B2;
}

.neon {color:#3DACE4;}

h2.darker {color:#303030;}

.large {font-size:1.2em;}

/*
 * Layout Styles
 */

.default-inner-content .box1,
.default-inner-content .pageBodyColorBlue 
{
    position:absolute;
    width:7px;
    height:50px;
    top:-15px;
    left:810px;
    background-color:#34413A;
}

.default-inner-content .box2,
.default-inner-content .pageBodyColorWhite
{
    position:absolute;
    width:1px;
    height:15px;
    top:-15px;
    left:0px;
    background-color:#FFF;
    font-size:1px;
}

.default-inner-content
{
    float: left;
    position: relative;
    border-top: 15px solid #34413A;
    background-color: #666;
    width: 800px;
    padding: 10px 0px 10px 10px;
    min-height: 250px;
}

.default-inner-content .col1
{
    float: left;
    width: 375px;
    padding:0 30px 0 0;
    color:#EFEFEF;
}

.default-inner-content .col2
{
    float: left;
    width: 375px;
}

.default-inner-content .full-col
{
    float:left;
    width:790px;
}

.default-inner-content .hr-short,
.default-inner-content .hr-long,
.dual-inner-col-body .hr-mini,
.default-inner-content .hr-shorter
{
    margin:0;
	float: left;
	clear: both;
	border: none;
	border-top: solid 1px #BFBFBF;
}

.dual-inner-col-body .hr-mini {width: 155px;}

.default-inner-content .hr-shorter {width:360px;}

.default-inner-content .hr-short {width: 375px;}

.default-inner-content .hr-long {width: 790px;}

.default-inner-content .outer-grey-box-dualcol
{
    float:left;
    margin-top:15px;
    margin-bottom:10px;
    padding:5px 5px 5px 5px;
    width: 380px;
    background-color:#CCC;
}

.default-inner-content .outer-grey-box-singlecol
{
    float:left;
    padding:5px 5px 0 5px;
    width: 780px;
    background-color:#CCC;
}

.outer-grey-box-dualcol.rightmargin
{
    margin-right:10px;
}

.default-inner-content .inner-white-box-dualcol
{
    float:left;
    width:360px;
    background-color:#FFF;
    padding:10px;
}
.default-inner-content .inner-white-box-singlecol
{
    float:left;
    padding:10px;
    margin-bottom:5px;
    width:760px;
    background-color:#FFF;
}
.default-inner-content .inner-white-box-dualcol p,
.default-inner-content .inner-white-box-singlecol p
{
    color:#666;
}
.inner-white-box-dualcol .warning
{
    width:320px;
    background-color:#E1913A;
    padding:5px 5px 5px 24px;
    margin-left:6px;
    font-weight:bold;
    background-image:url('../../imgs/warning.gif');
    background-position: 4px 3px;
    background-repeat:no-repeat;
    margin-bottom: 5px;
    -moz-border-radius: 10px;
}

.inner-white-box-dualcol th label
{
    float:left;
    width:125px;
    color:#909090;
    text-align:right;
    padding:2px 10px 0 0;
}

.inner-white-box-dualcol td .selectText
{
    font-size:1em;
    font-family:verdana;
    width:173px;
}

.default-inner-content .inner-white-box-dualcol ul
{
    margin:5px 0;
    padding:0 20px;
}

.default-inner-content .inner-white-box-dualcol li
{
    margin:5px 0;
    font-size:1.1em;
}
.inner-white-box-dualcol h3,
.inner-white-box-singlecol h3
{
    font-size:1.2em;
    color:#676767;
    margin:0 0 15px 0;
    padding:0;
}

.inner-white-box-dualcol .error
{
    float:left;
    padding-bottom:3px;
    color:#DC9432;
    clear:both;
}
.outer-grey-box-dualcol form
{
    margin:0;
    padding:0;
}

/* DUAL INSIDE SINGLE */

.inner-white-box-singlecol .dual-inner
{
	float:left;
	width:370px;
}
.inner-white-box-singlecol .dual-inner .dual-inner-wrapper
{
	float:left;
	width:370px;
}
.inner-white-box-singlecol .dual-inner-wrapper .dual-inner-col
{
	float:left;
	width:175px;
	padding-bottom:20px;
}
.inner-white-box-singlecol .dual-inner-wrapper .dual-inner-col-header
{
	float:left;
	width:165px;
	padding:5px 10px;
	background-color:#CCC;
}
.inner-white-box-singlecol .dual-inner-wrapper .dual-inner-col-body
{
	float:left;
	width:155px;
	background-color:#FFF;
	padding:10px;
}
.inner-white-box-singlecol .dual-inner-col-body ul
{
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}
.inner-white-box-singlecol .dual-inner-col-body ul li
{
	float:left;
	width:20px;
	height:20px;
	line-height:20px;
	margin-right:5px;
}
.inner-white-box-singlecol .dual-inner-col-body ul li.wide
{
	width:50px;
}
.inner-white-box-singlecol .dual-inner-wrapper .dual-inner-col-header h3
{
	margin:0;
	padding:0;
	font-size:1.2em;
	text-transform:uppercase;
}
.inner-white-box-singlecol .dual-inner-wrapper ol
{
	font-size:1.1em;
	color:#666;
}
.inner-white-box-singlecol .dual-inner.marginright
{
	margin-right:20px;
}
.outer-grey-box-singlecol.topmargin
{
    margin-top:15px;
}
.outer-grey-box-dualcol .dual-inner
{
	position:relative;
	float:left;
	background:#FFF;
	width:360px;
	padding:10px;
	height:200px;
}
.outer-grey-box-dualcol .dual-inner .bottom-button 
{
	position:absolute;
	bottom:10px;
	left:15px;
}
.outer-grey-box-dualcol .dual-inner .dual-inner-wrapper
{
	float:left;
	width:325px;
}
.outer-grey-box-dualcol .dual-inner-wrapper .dual-inner-col
{
	float:left;
	width:162px;
}
.outer-grey-box-dualcol .dual-inner-wrapper .dual-inner-col-body
{
	float:left;
	width:142px;
	background-color:#FFF;
	padding:10px;
}
.outer-grey-box-dualcol .dual-inner-wrapper .dual-inner-col-body p
{
	color:#666;
}

/*
 * Catalogue Signup Block Styles
 */

.catalogueSignupBlock
{
	width: 326px;
	height: 57px;
	background-color: white;
}

.catalogueSignupBlock form
{
	margin: 0;
	padding: 0;
}

.catalogueSignupBlock input
{
	margin: 3px 0 0 3px;
	width: 264px;
	float: left;
	clear: none;	
	color: gray;
	padding: 0;
}

.catalogueSignupBlock .button
{
	float: right;
	clear: none;
	width: 40px;
	height: 30px;
	border: none;
	background-image: url('../../imgs/addButton.gif');
	cursor: pointer;
	margin: 0;
	padding: 0;
}

/*
 * Product List Styles
 */


.browseBlock .productsList {
	clear:both;
	float:left;
	padding:15px 0pt 10px;
	width:100%;
}

.productsList .item
{
	position: relative;
	width: 142px;
	height: 227px;
	float: left;
	clear: none;
	margin: 0 20px 0 0;
	cursor: pointer;
}

.productsList h3
{
	font-size: 2.4em;
	font-weight: 100;
	color: #E59A3B;
	text-transform: uppercase;
	margin: 15px 0pt 20px 8px;
}

.productsList .item a
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 140px;
	height: 200px;
	display: block;
	z-index:1;
}

.productsList .item .imageBlock
{
	width: 140px;
	height: 148px;
	position: relative;
	border: solid 1px #bfbfbf;
	z-index: 1;
}


.productsList .item .imageBlock img
{
	z-index: 1;
}

.productsList .item .noteImages
{
	position: absolute;
	bottom: -3px;
	left: 0px;
}

.productsList .item p
{
	font-size: 0.9em;
}


/*
* Form Styles
*/

.inner-white-box-dualcol div.row
{
	position:relative;
    float:left;
    width:360px;
    padding:5px 0;
}

div.col-short
{
    float:left;
    width:160px;
    padding:5px 0 10px 0;
}

div.col-short div.label
{
    float:left;
    width:150px;
    color:#909090;
    padding:5px 0 5px 0;
    font-size:1.1em;
}

div.col-short div.formw
{
    float:left;
    width:160px;
}

.inner-white-box-dualcol div.row div.label
{
    float:left;
    width:160px;
    color:#909090;
    text-align:right;
    padding:2px 10px 0 0;
}

.inner-white-box-dualcol div.row div.formw label
{
	float:left;
    color:#909090;
    padding:4px 0;
}

.inner-white-box-dualcol div.formw
{
    float:left;
    width:190px;
}

div.formw .error
{
    float:left;
    padding-bottom:3px;
    color:#DC9432;
    clear:both;
}

div.formw .error-container
{
	float:left;
}

.inner-white-box-dualcol div.formw-right
{
    float:left;
    width:190px;
    text-align:right;
}

.inner-white-box-dualcol div.row div.formw .formText
{
    font-size:1em;
    font-family:verdana;
    width:170px;
}

.inner-white-box-dualcol div.col-short div.formw .formText
{
    font-size:1em;
    font-family:verdana;
    width:140px;
}

.inner-white-box-dualcol div.row div.formw .formText-small
{
    font-size:1em;
    font-family:verdana;
    width:60px;
}

.col-short.topmargin
{
    margin-top:16px;
}

.inner-white-box-dualcol div.formw .selectText
{
    font-size:1em;
    font-family:verdana;
    width:173px;
}

.inner-white-box-dualcol div.formw .selectText-small
{
	font-size:1em;
    font-family:verdana;
    width:60px;
}

.inner-white-box-dualcol div.formw .textAreaText
{
    font-size:1em;
    font-family:verdana;
    width:184px;
    height:180px;
}

.buttons 
{
    float:left;
    margin-top:10px;
    width:760px;
}

.buttons.right
{
    text-align:right;
}

.inner-white-box-dualcol .checkbox-list .checkbox-pair
{
	float:left;
	width:150px;
	padding:5px;
}

.inner-white-box-dualcol .checkbox-list .checkbox
{
	float:left;
	width:20px;
}

.inner-white-box-dualcol .checkbox-list .checkbox-detail
{
	float:left;
	width:120px;
	padding:3px 5px;
}

.inner-white-box-dualcol .checkbox-list .checkbox-pair.long
{
	width:250px;
}

.inner-white-box-dualcol .checkbox-pair.long .checkbox-detail
{
	width:220px;
}

.inner-white-box-dualcol .checkbox-list .checkbox-detail label
{
	font-size:1.1em;
	color:#676767;
}

.inner-white-box-dualcol table
{
 /*   float:left; */
    margin-left:6px;
}

.inner-white-box-dualcol th label, td label
{
    float:left;
    width:160px;
    color:#909090;
    text-align:right;
    /* padding:2px 10px 0 0; */
    padding:4px 0;
}

.inner-white-box-dualcol td .formText
{
    font-size:1em;
    font-family:verdana;
    width:170px;
}

.inner-white-box-dualcol .use-as-billing .td-label label
{
	text-align: left;
}

.inner-white-box-dualcol .checkbox-list
{
	float:left;
	width:320px;
}

.inner-white-box-dualcol .inner, .inner-white-box-singlecol .inner
{
    float:left;
    margin:0;
    color:#666;
}

.inner-white-box-dualcol.fixed-height-medium
{
    position:relative;
    height:220px;
}

.inner-white-box-dualcol .bottom-button
{
    position:absolute;
    bottom:10px;
    left:10px;
}

.error
{
    float:left;
    padding-bottom:3px;
    color:#DC9432;
    clear:both;
}

.error-container
{
	float:left;
}

.inner-white-box-dualcol td.td-input
{
	text-align:right;
}

.inner-white-box-dualcol td span.link-help
{
    float: left;
    color:#909090;	
}

.inner-white-box-dualcol td span.link-help a
{
    color:#909090;	
}