/************************************************************************************
-------------------------------------------------------------------------------------
	
	"type.css"
	
-------------------------------------------------------------------------------------
************************************************************************************/

.clear
{
    clear:both;
}
/*	Logo
-----------------------------------------------------------------------------------*/
/* @group Logo */

/* @end */

/*	Breadcrumbs
-----------------------------------------------------------------------------------*/

/* @group Breadcrumbs */

p#breadcrumbs{
	padding: 0 0 10px 20px;
}

/* @end */

/*	Misc type
-----------------------------------------------------------------------------------*/

/* @group Misc type */

#content li, p{
	line-height: 1.475em;
}
#content p{
	margin-bottom: 15px;
}
.intro p{
	line-height: 1.3em;
	margin-bottom: 20px;
}
p.special,
.quote p{	
	color: #279EBC;	
}
.quote p cite{ 	
	color: #fff;
	font-style: normal;	
}
.right p.special					{	float: right;	}
.full-width .col.half p.special		{	float: none;	}
p.special span						{	display: block;	}


/*	Horizontal rules	*/

hr{
	color: #fff;
	background-color: #fff;
	border: none;
	height: 2px;
	margin: 20px 0;
	width: 100%;
}

.green hr{
	color: #1f4924;
	background-color: #1f4924;
}
.blue hr{
	color: #003356;
	background-color: #003356;
}
.blue .module.third	hr	{	background: #004D7A;color: #004D7A;	}
.green .module.third hr	{	background: #356738;color: #356738;	}

/* @end */

/*	Lists
-----------------------------------------------------------------------------------*/

/* @group Lists */

ul.link-list{
	list-style: none;
	margin: 10px 0 0 0;
}
ul.link-list li{
	background: url('../img/icons/bul-arrow-yellow.png') no-repeat 0 0.3em;
	line-height: 24px;
	margin: 0 15px 5px 0;
	padding-left: 20px;	
}
ul.link-list.columned{
	float: left;
}
ul.link-list.columned li{
	float: left;
	width: 160px;
}
#primary ul.link-list{
	margin-bottom: 20px;
}
#home .module ul.link-list{
	margin-bottom: 0;
}
.module .inner-half ul.link-list{
	margin: 5px 0 0 0;
}


/* @group Images */

/*	Images
-----------------------------------------------------------------------------------*/

img{
	border: none;
}
.module img,
#primary img{
	/*border-bottom: 5px solid #279EBC;
	margin-bottom: 15px;*/
}
.three-col #primary .full-width .inner-half.right img	{
	border-bottom: none;
	margin-bottom: 0;
}
#side-bar .module img	{	margin-bottom: 0;}
#primary .module .img-holder.cut-out img,
#primary img.badge,
#primary img.cut-out{
	border-bottom: none;
	margin-bottom: 0;
}
#primary .general-slider.slideable img	{	margin-bottom: 20px;	}
.section img.cut-out					{	float: left;	}

img.badge{
	float: left;
	margin: 0 25px 0 0;
}
.full-width .col.half img.badge				{	margin-right: 10px;	}
.two-col-alt .col.third.module img.badge	{	margin-right: 10px;	}

div.img-holder{
	text-align: center;
	width: 100%;
}

/* @end */

/*	Forms
-----------------------------------------------------------------------------------*/
/* @group Forms */

#primary .module form,
#primary .module fieldset{
	float: left;
	width: 100%;
}
input,
button,
input.text{
	/*background: none;*/
}
#primary form p{
	margin: 0;
}
#primary input.text{
	border: 1px solid #fff;
	float: left;
	padding: 3px;
	width: 175px;
}

label{
	display: block;
	line-height: .5em;
}
#primary label{
	margin-bottom: 15px;
}
fieldset{
	float: left;
	border: 2px dotted #cccccc;
	margin-bottom: 10px;
	padding: 2px;
	width:470px;
}
legend{
	color:#000000;
	padding-bottom:22px;
}

#content #primary .submit{
	background: #000;
	border: none;
	padding:0 3px 3px 3px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	float:left;
	height: 23px;
	line-height: 23px;
	margin:20px;
}

#content #primary .submit:hover
{
    background:red;

}
#content .submit		{	float: right;	}

/* Search field in header and sidebars	*/

#side-bar  fieldset,
#search-box fieldset{
	border: 1px solid #fff;
	height: 20px;
	line-height: 20px;
	margin: 2px 0 0 0;
	padding: 0 15px 5px 5px;
	width: 235px;
}
#side-bar legend,
#search-box legend{
	display: none; /* Not ideal, but rather have the legend than no legend	*/
}
#side-bar input,
#search-box input{
	border: none;
	color: #fff;
	margin-top: 4px;
}
#side-bar input.text,
#search-box input.text{
	float: left;
	background: #231F20;
	border-right: 2px solid #fff;
	color: #fff;
	width: 160px;
}

#search-box .submit,
#side-bar button.submit{
	background: #000000 url('../img/common/btn-search.png') no-repeat top right;
	border: none;
	color: #fff;
	cursor: pointer;
	float: right;
	height: 15px;
	line-height: 20px;
	margin-top: 4px;
	padding: 10px 5px 0 0;
	text-align: left;
	width: 58px;
}
#side-bar button.submit span,
#search-box .submit span{
	cursor: pointer;
	display: block;
	height: 20px;
	text-indent: -999em;
	width: 50px;
}
#side-bar button.submit:hover,
#search-box .submit:hover{
	background-position: bottom right;
}

/*	Searchbox in sidebar	*/

#side-bar fieldset	{	
	padding-right: 0;
	width:178px;
}

#side-bar input.text{
	background: transparent;
	height: 17px;
	line-height: 20px;
	width: 115px;
}
#side-bar button.submit{
	height: 13px;
	width: 53px;
}
#side-bar .red button.submit	{	background: url('../img/common/btn-search-red.gif') no-repeat top left;	}
#side-bar .green button.submit	{	background: url('../img/common/btn-search-green.gif') no-repeat top left;	}
#side-bar .orange button.submit	{	background: url('../img/common/btn-search-orange.gif') no-repeat top left;	}

#side-bar button.submit span	{	text-indent: -999em;width: 50px;	}
#side-bar button.submit:hover	{	background-position: bottom left;	}

/* @end */


/*	Footer elements
-----------------------------------------------------------------------------------*/

/* @group Footer elements */

    
/* Links */

.blue ul.thumb-list li a 
{
    background: url('../img/icons/bul-arrow-yellow.png') no-repeat 0 0.1em;
	padding-left: 20px;	
}
.form p
{
    width:40%;
    margin:5px;
    float:left;
}
.phtextboxes
{
    width:400px;
}
/* asp:DataList
.aspDataList 
{
	float:left;
	margin:10px !important;
	padding:2px !important;
}
.aspDataList a
{
	display:block;
	text-align:center;
    background: #ffffff !important;
    border: 1px dotted black !important;
    margin:0 2px 0 0 !important;
    color: #000000 !important;
    font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif !important;
    font-size: 1em !important;         
}

.aspDataList a:hover
{
    background: red !important;
    color: #ffffff !important;
}

.aspDataList .selected
{
    background: red !important;
    color: #ffffff !important;
}
*/
/* Product Details Page */

#productdetails			{ width:100%; padding:10px; float:left; }
#productimage			{ padding:10px 11px 20px 11px; float:left; width:316px; height:500px; background: url("../../Images/largeimage.jpg") no-repeat; border:0; }
#productdetailarea		{ padding:1px; float:left; width:46%; margin-left:15px; overflow:hidden; padding:0 20px 5px 5px; }

/*Pagination*/

.pagination             { width:100%; float:right; }
.pagination ul          { list-style-type:none; }
.pagination ul li       { float:left; margin:2px; }

/* 
--------------- Promotions ****************************/

.promotions				{ width:900px; padding-left:10px; float: left; overflow:hidden; height:220px; border-top:2px solid #555753; }
.promotions a			{ font-size:10px;}
.promtionsprice			{ font-size:x-small;}


/*Shopping cart*/

.shopping-cart      { width:100%; float:left; padding:5px; margin:50px 0 0 30px;}

.panel-right		{ width: 350px; float:left; border-right:dotted 1px #ccc; }

ul.progress-bar		{ float:left; padding:5px; width:100%; margin:10 0 10 0; }
ul.progress-bar li	{ display:inline; width: 100px; text-align:center; padding:10 55 20 20; line-height:15px; font-weight:bold; } 
*html ul.progress-bar li	{ display:inline; width: 100px; text-align:center; padding:10 15 10 0; line-height:15px; font-weight:bold; } 

.progress-not-selected { border:1px solid #999999; color:#999999; float:left; margin:5px; font-weight:normal; text-align:center;}
.progress-selected { float:left; background-color:#339933; border-bottom-color:#339933; border-left-color-ltr-source:physical; border-left-color-rtl-source:physical; border-left-color-value:#339933; border-right-color-ltr-source:physical; border-right-color-rtl-source:physical; border-right-color-value:#339933; border-top-color:#339933; color:#FFFFFF; }
.last-not-selected { border:1px solid #999999; color:#999999; float:left; font-weight:normal; margin:5px; padding:5px 5px; text-align:center;}
.last-selected { float:left; background-color:#339933; border-bottom-color:#339933; border-left-color-ltr-source:physical; border-left-color-rtl-source:physical; border-left-color-value:#339933; border-right-color-ltr-source:physical; border-right-color-rtl-source:physical; border-right-color-value:#339933; border-top-color:#339933; color:#FFFFFF; }



/*  ==================================
    Grid view----------------*/
.aspGridView		{ font-size:10px; background-color:#ccc; }

/* Form */

#form                   { width:100%; padding:10px; height:auto; float:left;}
.form-col-header		{ text-align:center; width:155px; float:left; padding:5 0 5 0; margin-bottom:5px; margin-left:5px; height:20px; font-weight:bold; background-color:#002642; color:#fff; vertical-align:middle; }
.form-col-medium		{ text-align:left; width:155px; float:left; margin-bottom:5px; margin-left:5px; height:20px; }
.form-col-large			{ text-align:left; width:180px; float:left; margin-bottom:5px; height:20px; }
.form-col-small         { text-align:left; width:120px; float:left; }
.errortext				{ color:#FF6600; font-size:10px; padding:1px; }
.formrow				{ padding:5px; float:left; text-align:center; }
.formcolxxs				{ margin:5px; width:40px; float:left; }
.formcolxs				{ margin:5px; width:60px; float:left; }
.formcolm				{ margin:5px; width:100px; float:left; }
.formcoll				{ margin:5px; width:130px; float:left; }
.formcolxl				{ margin:5px; width:150px; float:left; }
.formcolxxl				{ margin:5px; width: 180px; float:left; }
#rowheader				{ background-color:#002642; color:#fff; font-weight:bold;}