/* ------------------------------------------------------------ */
/* Element Formatting */
/* ------------------------------------------------------------ */

/* ----- Structure ----- */

.Content-Wide-Popup{
	float: left;
	width: 771px;
}

.Content-Wide {
	float: right;
	margin: 10px 0 0 0;
	width: 771px;
	height: auto;
}

.Wide-ATC {
    float: left;
    width: 760px;
}

.Content-Wide-Popup .Content-Wide {
    box-shadow: none;
	margin: 10px 0 0 0;
}

.Content-Wide-Popup .Content-Wide:first-child {
    margin: 0;
}

.Content-Wide-Header {
	float: left;
	width: 100%;
	margin: 0 0 10px;
}

.Content-Wide-Content {
	float: left;
	width: 100%;
	position: relative;
}

.Content-Wide-Footer {
	float: left;
	width: 100%;
}

/* misc */

.Content-Wide .Content-Wide-Header h1,.Content-Wide .Content-Wide-Header h2{
	float: left;
	line-height: 35px;
	margin: 0 0 0 15px;
}

.Content-Wide .Content-Wide-Header a.Back {
	float: right;
	line-height: 35px;
	margin: 0 15px 0 0;
}

.Content-Wide .Content-Wide-Header .Paging, .Content-Wide .Content-Wide-Footer .Paging {
	line-height: 35px;
	float: right;
	margin: 0 15px 0 0;
}

#Tell-A-Friend {
    width: 789px;
    float: left;
}
#Tell-A-Friend .Content-Wide-Footer { display: none; }

/* button container */

.Content-Wide-Button-Container {
	position: relative;
	float: left;
	margin: 0 0 10px 0;
    padding: 0 0 0 15px;
	width: 180px;
	height: auto;
	z-index: 3;
}

/* ----- forms ----- */

.LoginRegisterBox {
    width:730px;
    border: 1px;
    box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.37);
    margin-right: 15px;
}
#Feedback-Form {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 10px;
}
#Feedback-Form table td { padding: 0 0 15px; }

#Feedback-Form label {
    display: block;
    float: left;
    width: 100%;
}
#Feedback-Form .Ratings-Box label {
    display: inline;
    width: auto;
    float: none;
}

#Feedback-Form .Ratings-Box  {
    position: relative;
    width: 100%;
    float: left;
    margin: 0;
}

#Feedback-Form p {
    margin-left: 0;
    margin-bottom: 5px;
}

#Feedback-Form .Text-Input {
    border: 1px solid #dedede;
    border-radius: 2px;
    width: 250px;
    margin: 5px 0 0 0;
}
#Feedback-Form .Text-Area {
    border: 1px solid #dedede;
    border-radius: 2px;
    margin: 5px 0 0 0;
}

#Reviews-Container {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 0 10px;
}

#Reviews-Container ul {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

#Reviews-Container ul li {
    list-style: none;
    float: left;
    width: 100%;
}

#Reviews-Container .Img-Rating {
    padding: 0 0 10px 15px;
}

.Content-Table th {
	padding: 2px 0 8px 0;
	width: 130px;
	font-weight: normal;
}

.Content-Table td select {
	margin: 0 0 5px 0;
	width: 206px;
	border: 1px solid #bebebe;
	overflow: hidden;
}

#formShowPostageCountries select {
	width: 250px;
}

.idCountryArray {
	float: left;
}

#formShowPostageMethods select {
	width: 250px;
}

.idShipmentArray {
	float: left;
}

.Radio-Option {
	float: left;
}

#subject {
	width: 300px;
}

#message {
	margin: 0 0 5px 0;
	width: 300px;
	height: 100px;
	border: 1px solid #bebebe;
}

#recipients {
	margin: 0 0 5px 0;
	width: 300px;
	height: 100px;
	border: 1px solid #bebebe;
}

.Radio-Option {
	float: left;
}

.largeText-Input {
	margin: 0 0 5px 0;
	padding: 2px 2px 2px 2px;
	width: 300px;
	height: 15px;
	border: 1px solid #bebebe;
}

.Text-Input {
	margin: 0 0 0 0;
	padding: 2px 2px 2px 2px;
	width: 200px;
	height: 17px;
	border: 1px solid #bebebe;
	float: left;
}

.Text-Input-Missing {
	border: 1px solid #cc0000;
}

.smallText-Input {
	margin: 0 0 5px 0;
	padding: 2px 2px 2px 2px;
	width: 75px;
	height: 15px;
	border: 1px solid #bebebe;
}

.Text-Area {
    width: 450px;
    height: 150px;
    padding: 4px 4px;
    border: 1px solid #bebebe;
}

#registrationForm .Text-Input { margin-right: 20px; }

/* ----- Content Styles ----- */

/* headings */

.Content-Wide h1 {
	margin: 0 0 8px 15px;
}

.Content-Wide h2 {
	margin: 0 0 8px 15px;
}

.Content-Wide h3 {
	margin: 0 0 8px 15px;
}

.Content-Wide h4 {
	margin: 0 0 8px 15px;
}

.Content-Wide h5 {
	margin: 0 0 8px 15px;
}

.Content-Wide h6 {
	margin: 0 0 8px 15px;
}

/* text */

.Content-Wide p {
	margin: 0 20px 10px 15px;
}

/* lists */

.Content-Wide ul {
	margin: 0 0 10px 30px;
	list-style: disc;
	list-style-position: outside;
}

.Content-Wide ul.Clear {
	margin: 0 0 10px 15px;
	list-style: none;
}

.Content-Wide ul li {
	padding: 0 0 5px 0;
}

.Content-Wide ol {
	margin: 0 0 10px 35px;
	list-style: decimal;
	list-style-position: outside;
}

.Content-Wide ol li {
	padding: 0 0 5px 0;
}

/* table */

.Content-Wide table{
	margin: 0 0 10px 15px;
}

/* ------------------------------------------------------------ */
/* Misc Elements */
/* ------------------------------------------------------------ */

li.Spacer{
    list-style: none;
    height: 10px;
}

/* ----- Warning ----- */

.Warning-Icon {
	padding: 0 5px 0 0;
}

/* ----- V Card ----- */

.vcard {
	position: relative;
	float: left;
	padding: 0 0 20px 15px;
}

.vcard .adr {
	padding: 10px 0 0 0;
}

/* ------------------------------------------------------------ */
/* Elements Colours */
/* ------------------------------------------------------------ */

/* ----- Header ----- */

.Content-Wide-Header a.Back { color: #186da9; }
.Content-Wide-Header a.Back:hover { color: #186da9; }

/* ----- Content Headings ----- */

.Content-Wide h1 { color: #186da9; }
.Content-Wide h2 { color: #186da9; }
.Content-Wide h3 { color: #186da9; }
.Content-Wide h4 { color: #000000; }
.Content-Wide h5 { color: #000000; }
.Content-Wide h6 { color: #000000; }

.Content-Wide p { color: #333333; }

#Reviews-Container h4 { color: #2d2d2d; }

/* ----- Paging Elements ----- */

.Content-Wide .Content-Wide-Header .Paging { color: #333333; }
.Content-Wide .Content-Wide-Header .Paging-Current-Page { color: #186da9; }
.Content-Wide .Content-Wide-Header .Paging a { color: #186da9; }
.Content-Wide .Content-Wide-Header .Paging a:hover { color: #186da9; }

.Content-Wide .Content-Wide-Footer .Paging { color: #333333; }
.Content-Wide .Content-Wide-Footer .Paging-Current-Page { color: #186da9; }
.Content-Wide .Content-Wide-Footer .Paging a { color: #186da9; }
.Content-Wide .Content-Wide-Footer .Paging a:hover { color: #186da9; }

/* ----- Page Characteristics Elements ----- */

.Content-Wide a { color: #186da9; }
.Content-Wide a:hover { color: #186da9; }

.Content-Wide .red { color: #bf0000; }

/* ------------------------------------------------------------ */
/* Font Formatting */
/* ------------------------------------------------------------ */

/* ----- Header ----- */

.Content-Wide .Back {
	text-align: right;
	font-weight: bold;
	font-size: 0.9em;
}

.Content-Wide .Paging {
	text-align: right;
	font-size: 0.8em;
}

/* ----- Content Styles ----- */

/* headings */

.Content-Wide h1 { font-size: 1.0em; }
.Content-Wide h2 { font-size: 0.9em; }
.Content-Wide h3 { font-size: 0.8em; }
.Content-Wide h4 { font-size: 0.75em; }
.Content-Wide h5 { font-size: 0.7em; }
.Content-Wide h6 { font-size: 0.65em; }

#Reviews-Container h4 { font-size: 1em; }

#Feedback-Form label { font-size: 0.75em; }
#Feedback-Form strong { font-size: 0.6875em; }

/* text */

.Content-Wide p { font-size: 0.75em; }
.Content-Wide a { text-decoration: none; }
.Content-Wide a:hover { text-decoration: underline; }

/* lists */

.Content-Wide ul { font-size: 0.75em; }
.Content-Wide OL { font-size: 0.75em; }

#Reviews-Container ul { font-size: 1em; }

/* tables */

.Content-Table { font-size: 0.75em; }
.Content-Table p { font-size: 1.0em; }

.Content-Table th {
	text-align: left;
}

.Content-Table td {
    padding: 0 0 5px 0;
	vertical-align: top;
}
/* ----- V Card ----- */

.vcard {
	font-size: 0.75em;
}