/* CSS Document v 1.0
CSS for Youpark Application
Copyright © 2006-08 Youpark ApS. All Rights Reserved. */

/* --------------------------- */
/* --------------------------- */
/* tags and menutabs imported  */
/* --------------------------- */
/* --------------------------- */
@import url(common.css);

/* import tag definition first */

@import url(tags.css);

/* import menu bar (here blue tabs on the page are called menu bar) first */

@import url(menutabs.css);
/* --------------------------- */
/* --------------------------- */
/* home page class definitions */
/* --------------------------- */
/* --------------------------- */
#single-column {
	float:left;
	width: 100%;
}
#side-column {
	float:left;
	width: 700px;
}
/* top navigation */
#topnav {
	width:998px;
	height:21px;
	text-align:right;
	padding:3px 0px 0px 0px;
	margin:auto;
}
/* header and devices or other promotions */
#header {
	width:998px;
	height:112px;
	text-align:right;
	margin:auto;
}
/* classes that follow are related to header */
.logo {
	width:180px;
	height:82px;
	float:left;
	margin:0px 0px 0px auto;
	font-size:11px;
	text-align:left;
	padding:30px 0px 0px 50px;
}
/* banner that is used on top of the page -  This is NOT an Advertising Banner */
.banner {
	width:550px;
	height:111px;
	float:left;
	margin:0px 0px 0px 20px;
	font-size:11px;
	text-align:left;
	padding:0px 0px 0px 0px;
}
.banner .cartsteps {
	float:left;
	margin:20px 0px 0px 20px;
}
/* This is used to display login information on top of the page inside the header */
.login-msg {
	width:175px;
	float:left;
	margin:0px 0px 0px 10px;
	font-size:11px;
	text-align:left;
	padding:0px 0px 0px 0px;
}
/* Currency box located at the top right corner */
#currency {
	font-size:11px;
	text-align:right;
	width:160px;
	height:27px;
}
/* Width of drop down Select list */
#currency select {
	border: #CDCDCD 1px solid;
	color: #5F5F5F;
	vertical-align: middle;
	width:115px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:10px;
}
/* Used to display language options in the page header */
.language {
	margin-left:10px;
}
/* --------------------------- */
/* --------------------------- */

/* classes related to header end */

/* --------------------------- */
/* --------------------------- */
/* site navigation or tabs or top buttons */

#navigation {
	width:998px;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
	float: none;
	text-align:center;
}
/* bread crumb navigation */
#breadcrumb {
	margin:10px auto 0px auto;
	width:906px;
	height:15px;
	text-align:left;
	padding-top:5px;
}
/* page content main */
#content {
	margin:0px auto 10px auto;
	width:906px;
	text-align:left;
	position:relative;
	display: block;
	clear: both;
}
* html #content {
	height:1%;
}
/* left side is a floating div it contains the entire left column */
#leftside {
	width:158px;
	margin-right:9px;
	float:left;
}
#leftside SPAN{
	
	padding-left: 15px;
}
#platforms {
} 		/* Platform box container div */
#categories {
	margin-bottom: 10px;
} 		/* Category box container div */
	
#newsletter {
} 		/* Newsletter box container div */
#login-box {
} 		/* Login box container div */
/* small panel box definition for content and links on the sides */
.panelbox {
	width:158px;
	margin:10px 0px 0px 0px;
	background:url(../images/bg_greybox_small.gif) repeat-y;
}
/* div that contains content inside the small panel box  */
.panelboxbg {
	width:148px;
	height:auto;
	padding:0px 0px 0px 10px;
	background:url(../images/bg_greybox_small.gif) repeat-y;
	text-align:left;
	vertical-align:top;
	margin:0px;
}
/* small panel box header for platforms */
.panelboxtop {
	background:url(../images/box-platform.png) no-repeat;
	height:38px;
	margin:0px;
}
/* will be used for platform heading for now */
.panelboxsmall {
	background: url(../images/top_greybox_small.gif) no-repeat;
	height:6px;
	margin:0px;
}
/* small panel box footer for all small panel boxes */
.panelboxbot {
	background:url(../images/bottom_greybox_small.gif) no-repeat;
	height:6px;
	margin:0px;
}
/* small grey box unordered list definitions */
.panelbox ul {
	margin:0px;
	padding:0px;
	list-style-type:square;
}
/* small grey box list item definitions */
.panelbox li {
	margin:2px 0px 0px 15px;
	padding-bottom:5px;
}
/* newsletter heading *//* will be used for newsletter heading */
.panelboxnl {
	background:url(../images/newsletter_hd.jpg) no-repeat;
	height:38px;
	margin:0px;
}
/* newsletter email input fields */
.newsletter-email {
	width:137px;
	text-align:left;
	border: #CDCDCD 1px solid;
	color: #5F5F5F;
	vertical-align: middle;
	font-size:11px;
	margin-top:5px;
	margin-bottom:5px;
}
/* newsletter button definition *//* subscribe button */
.newsletter-btn {
	width:60px;
	font-size:11px;
	margin-left:77px;
	margin-right:0px;
}
/* will be used for categories heading */
.panelboxct {
	background:url(../images/box-products.png) no-repeat;
	height:38px;
	margin:0px;
}
/* center column for product listing and home page */
#center-column {
	width:570px;
	float:left;
	margin-top:10px;
}
/* promotional banner wide - horizontal banner */
.promo-bnr-wide {
	width:570px;
	margin-top:0px;
}
/* promotional banner high - vertical banner */
.promo-bnr-long {
	margin-top:5px;
	float:left;
	display: none;
}
/* device selector */
#device-selector {
	width:570px;
	height:79px;
	background: url(../images/bg-d.png) no-repeat;
	margin-top:0px;
}
/* device selector background */
#d-select {
	width:455px;
	height:56px;
	left:65px;
	top:13px;
	position:relative;
	color:#666666;
}
/* this div contains everything related to device selection */
#d-select select {
	width:185px;
	font-size:11px;
	margin-right:10px;
	border: #CDCDCD 1px solid;
	color: #5F5F5F;
}
/* device selection fields */
#d-select input {
	border: #CDCDCD 1px solid;
	color: #000000;
	background-image:url(../images/mw-graybutton-bg.gif);
	background-repeat:repeat-x;
	font-size:11px;
	width:50px;
}
/* go button inside device selection box */
.d-select-link {
	text-align:right;
	padding-right:17px;
}
/* click and view device *//* text */
.d-select-text {
	text-align:left;
	margin-bottom:5px;
}
/* view all software */
.view-all-software {
	padding:5px 0px 0px 5px;
	text-align:right;
}
/* horizontal divider short *//* horizontal dotted divider between product items */
.hor-div {
	width:570px;
	height:2px;
	background:url(../images/hd.png) repeat-x;
	margin:5px 0px 5px 0px;
	float:left;
}
/* horizontal divider long */
.hor-div-long {
	width:100%;
	height:2px;
	background:url(../images/hd.png) repeat-x;
	margin:5px 0px 5px 0px;
	float:left;
}
/* product listing single item box */
/* product-item is a wide inline div that contains all the product item parameters */
.product-item {
	width:100%;
	float:left;
}
/* product-item-left contains the display of product thumbnail and platform logo the user review box may also be added */
.product-item-left {
	width:15%;
	float:left;
	text-align:left;
}
/* product-item-img contains the product thumbnail */
.product-item-img {
	width:100%;
	float:left;
	padding:10px 0px 10px 0px;
	text-align:center;
}
/* product-item-img contains the product thumbnail dimentions */

/* never use image dimentions such as width and height of an 
image since these attributes are related to design and should 
be controlled by CSS or should not be controlled by the HTML 
template. The Browser would render the original image dimentions
i.e. the actual width and height of the image */

.product-item-img img {
	width:70px;
	height:85px;
	border: #efefef 1px solid;
}
/* product-item-platform contains the platform icon or logo */
.product-item-platform {
	width:100%;
	float:left;
	padding:5px 0px 5px 0px;
	text-align:center;
}
/* product-item-center contains all the text based parameters related to the product */
.product-item-center {
	width:65%;
	float:left;
	padding:10px 0px 10px 0px;
	text-align:left;
	margin-left:10px;
}
/* product-item-title we can all guess, this would be the product name  */
.product-item-title {
	width:100%;
	float:left;
	padding:0px 0px 10px 0px;
	font-size:12px;
	font-weight:bold;
}
/* product-item-brief this is a short discription about the product*/
.product-item-brief {
	width:100%;
	float:left;
}
/* product-item-compatiable this contains the heading "compatiable" this is youpark specific div*/
.product-item-compatiable {
	float:left;
	padding:10px 0px 0px 0px;
	font-weight:bold;
	width: 100%;
}
/* product-item-devices this contains the list of devices that are compatiable with the product*/
.product-item-devices {
	width:100%;
	float:left;
	padding:10px 0px 0px 0px;
}
/* product-item-right this contains the list of actions including buy now or download and learn more or free trial etc.*/
.product-item-right {
	width:18%;
	float:left;
	text-align: center;
	padding:10px 0px 10px 0px;
}
/* product-item-discount incase discount is available use this class for the product item listing pages*/
.product-item-discount {
	width:100%;
	float:left;
	text-align: center;
	color:#FF0000;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	font-size:12px;
		text-decoration:line-through;
}
/* product-item-price this contains the price of the product there would be a lot more classes with the same name do not confuse this one with the price on details page, this is specifically for product listing pages and home page*/
.product-item-price {
	float:left;
	text-align: center;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	font-size:12px;
	width: 100%;

}
/* product-item-add add to cart button */
.product-item-addtocart {
	width:100%;
	float:left;
	text-align: center;
	padding:5px 0px 5px 0px;
}
/* product-item-add download trial button */
.product-item-trial {
	width:100%;
	float:left;
	text-align: center;
	padding:5px 0px 5px 0px;
}
/* learn more, more or details link is contained in this */
.product-item-details {
	width:100%;
	float:left;
	text-align: center;
	padding:5px 0px 5px 0px;
}
/* page index */
/* page index is actually a component used to provide page jump facility. If a search filter is applied and search turns more products then the allowed limit, pages are created e.g. 1,2,3,4,... this component is defined in page-index*/
.page-index {
	width:100%;
	text-align:center;
	float:left;
	height:30px;
	margin:10px 0px 0px 0px;
}
/* page-jump is the control where user enters a page number and clicks the go button*/
.page-jump {
	width:25%;
	text-align: left;
	float:left;
}
/* page-jump-text "Jump to" is a text that seldom aligns with the page number input field, in order to make it align properly display it in here */
.page-jump-text {
	text-align:left;
	float:left;
}
/* page-jump-field input field that is used to enter a page number */
.page-jump-field {
	width:20px;
	height:16px;
	float:left;
	border: #CDCDCD 1px solid;
	color: #5F5F5F;
	margin-left:5px;
}
/* page-jump-button go button next to the input field */
.page-jump-button {
	width:25px;
	height:15px;
	float:left;
	border: #CDCDCD 1px solid;
	color: #5F5F5F;
	font-size:10px;
	text-align: center;
	padding:0px;
	margin-left:5px;
	background-image:url(../images/mw-graybutton-bg.gif);
	background-repeat:repeat-x;
}
/* page-links is an unordered list that is displayed as inline */
/* if you go through it carefully its pretty simple */
.page-links {
 width:45%;
 text-align:right;
 float:left;
}
/* Unordered list for page links */
.page-links ul {
	display:inline;
	list-style:none;
	list-style-type:none;
}
/* Unordered list item for page links */
.page-links li {
	display:inline;
	margin-left:2px;
}
/* total number of pages */
.page-total {
 width:29%;
 text-align:center;
 float:left;
}
/* Sort by component, users can change the way product items appear this componet is defined below*/
.sort {
	background:url(../images/sortbybg.jpg) no-repeat;
	width:563px;
	height:64px;
	float:left;
}
/* Sort by box inside sort div this is goign to be center aligned for youpark */
.sort-content {
	margin:19px 0px 0px 46px;
}
/* "Sort by" text is contained in this div */
.sort-text {
	float:left;
	font-weight:bold;
	margin-right:5px;
	font-size:12px;
}
/* Sort by select is the selection drop down that contains the options for sorting */
.sort select {
	border: #CDCDCD 1px solid;
	color: #5F5F5F;
	width:340px;
	font-size:11px;
	margin-right:5px;
}
/* Sort input is the grey go! button that has styles to it remove or comment this if you have an image button*/
.sort input {
	border: #CDCDCD 1px solid;
	color: #000000;
	background-image:url(../images/mw-graybutton-bg.gif);
	background-repeat:repeat-x;
	font-size:11px;
	height:18px;
	width:50px;
}
/* right side column */
#rightside {
float:right;
width:160px;
}
#rightside SPAN{
	
	padding-left: 15px;
}
.rightside-ad {
 margin-top:10px;
 background-image:url(../images/ads.gif); background-repeat:no-repeat;
 padding-top:5px;
 padding-left:10px;
 height: 610px;
}
.rightside-ad-2 {
 margin-top:10px;
 /* background-image:url(../images/ads-2.gif); */ background-repeat:no-repeat;
 /* padding-top:5px; */
 padding-left:10px;
 height: 70px;
}
.rightside-ad-3 {
 margin-top:10px;
 background-image:url(../images/ads-3.gif); background-repeat:no-repeat;
 padding-top:5px;
 padding-left:10px;
 height: 42px;
}
.rightside-ad-3 {
 margin-top:10px;
 background-image:url(../images/ads-3.gif); background-repeat:no-repeat;
 padding-top:5px;
 padding-left:10px;
 height: 42px;
}
/* search box */
/* category drop down */
.search-category-select {
	border: #CDCDCD 1px solid;
	color: #5F5F5F;
	width:140px;
	font-size:11px;
	margin:5px 0px 5px 0px;
}
/* search input field */
.search-category-input {
	border: #CDCDCD 1px solid;
	color: #5F5F5F;
	width:135px;
	font-size:11px;
	margin:0px 0px 3px 0px;
}
/* expand search link field */
.search-link {
	width:79px;
	margin:5px 0px 5px 2px;
	float:left;
}
/* search button */
.search-button {
	width:50px;
	height:20px;
	border: #CDCDCD 1px solid;
	color: #5F5F5F;
	font-size:10px;
	text-align: center;
	padding:0px;
	margin-left:5px;
	background-image:url(../images/mw-graybutton-bg.gif);
	background-repeat:repeat-x;
}
/* Auxiliary Panel for youpark only set display to none for whitelables and where ever its not required */
/* Aux panel appears right below the search box */
#auxpanel {
	width:158px;
	float:left;
	margin-top:10px;
	clear: both;
}
/* main aux panel */
.aux-content {
	width:158px;
	float:left;
}
/* top op aux tab */
.aux-content-top {
	width:158px;
	background: url(../images/top_greybox_small.gif) no-repeat;
	height:6px;
	margin:0px;
	float:left;
}
/* main aux contianer */
.aux-content-bg {
	width:158px;
	background:url(../images/bg_greybox_small.gif) repeat-y;
	text-align:left;
	margin:0px;
	float:left;
}
/* aux panel bottom div */
.aux-content-bot {
	width:158px;
	background:url(../images/bottom_greybox_small.gif) no-repeat;
	height:6px;
	margin:0px 0px 10px 0px;
	float:left;
}
/* product title div */
.aux-title {
	width:148px;
	padding-left:6px;
	float: left;
}
/* product image div */
.aux-image {
	width:70px;
	height:85px;
	float:left;
	padding-left:6px;
	padding-right:6px;
	padding-top:6px;
}
/* product discount price with strike through line div */
.aux-discount {
	width:65px;
	display:none;
	padding-top:6px;
	padding-bottom:6px;
}
/* product price div */
.aux-price {
	width:65px;
	float:left;
	font-weight:bold;
	padding-top:6px;
	padding-bottom:6px;
}
/* product buy link */
.aux-buy {
	width:65px;
	float:left;
	padding-top:6px;
	padding-bottom:6px;
}
/* Auxiliary Panel ends*/
/* Logos Start */
/* The Logos related to payment options and powered by are contained in this*/
#logos {
	margin:10px auto 10px auto;
	width:998px;
}
/* Powered by logos i.e. verisign and worldpay*/
.powered-by {
	margin:0px 90px 0px auto;
}
/* Payment Options i.e. Credit Card Logos */
.credit-cards {
	margin-left:40px;
}
/* Footer content i.e. links and copyright messages */
#footer {
	width:750px;
	height:78px;
	background:url(../images/bg_footer.gif) no-repeat;
	margin:0px auto 0px auto;
	padding: 5px 0px 0px 0px;
}
#footer a {
 padding: 0px 8px 0px 8px;
}
/* Home page definitions end */


/* --------------------------- */
/* Listing pages definitions   */
/* --------------------------- */

/* Product Listing Page styles only new classes are added here others will follow from homepage */

/* Matched Keywords and/or categories are displayed in this */
.keywordsmatching {
	width:550px;
	margin:0px;
	padding:0px 10px 10px 10px;
	font-weight:bold;
}
/* Span is used to change the color of the keyword matching */
.keywordsmatching span {
	background:#00a6ee;
	padding:1px;
	margin-left:3px;
	color:#FFFFFF;
	display:inline-block;
	
}
/* If no Device is Selected */
.no-device-selected {
	width:570px;
	margin:0px;
	padding:0px;
	height:42px;
	background:url(../images/thin_wide_box.png) no-repeat;
}
/* If no Device is Selected use this span to display black text */
.no-device-selected span {
	height:25px;
	/*padding-bottom:-10px;*/
	padding-bottom:10px;
	margin-right:10px;
}
/* If no Device is Selected icon i.e. small mobile icon */
.no-device-selected-icon {
	width:100px;
	margin:0px;
	padding-top:8px;
	padding-left:10px;
	float:left;
	height:25px;
}
/* If no Device is Selected use orange icon arrow */
.no-device-selected-pointer {
	width:40px;
	margin:0px;
	padding-top:15px;
	float:left;
	height:25px;
}
/* If no Device is Selected use this to display text */
.no-device-selected-text {
	width:270px;
	margin:0px;
	padding-top:15px;
	float:left;
	height:25px;
}
/* If no Device is Selected use this to display bold text */
.no-device-selected-text span {
	font-weight:bold;
}
/* If Device is Selected */
#show-device {
	width:570px;
	float:left;
	margin:0px;
}
/* If Device is Selected use this to contain everything */
.device-selected {
	width:570px;
	margin:0px;
	padding:0px;
}
/* If Device is Selected use this to display image thumbnail of the device */
.device-thumb {
	height:70px;
	width:80px;
	float:left;
	margin:0px;
}
/* If Device is Selected use these dimentions for the thumbnail image of the device*/
.device-thumb img {
	height:70px;
	width:60px;
}
/* If Device is Selected use this to display device title  */
.device-title {
	width:490px;
	float:left;
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
}
/* If Device is Selected text to display device info such as screen size etc. */
.device-info {
	width:490px;
	height:48px;
	float:left;
	background:url(../images/bg-device-selected.gif) no-repeat;
}
/* If Device is Selected use this to display every detail related to device  */
.device-info-details {
	width:470px;
	float:left;
	padding:9px;
}
/* If Device is Selected and user wants to change the device use this to display change your device link */
.device-change-link {
	margin-left:265px;
	text-align:right;
}
/* Listing pages definitions end */

/* --------------------------- */
/* --------------------------- */
/*    Product Details page     */
/* --------------------------- */
/* --------------------------- */

/* product-detail-main is where all the product detail properties are integrated */
#product-detail-main {
	width:737px;
	float:left;
	margin-top:10px;
}
/* This will contain the heading the thumbnail and the reviews stars */
#product-detail-header {
	height:auto;
	float:left;
	margin:0px;
}
/* Product thumbnail image container */
.product-thumb {
	width:70px;
	height:85px;
	height:auto;
	float:left;
	margin-right:10px;
}
/* Product thumbnail image dimentions */
.product-thumb img {
	width:70px;
	height:85px;
	float:left;
}
/* Product heading text i.e. the black text used for heading on youpark.com */
.product-heading {
	margin:10px 0px 10px 0px;
	font-size:18px;
	font-weight:bold;
}
/* User review and stars are contained in this div  */
.product-rating {
	float:left;
	padding:5px;
}
/* This is for the jump menu used to jump on different sections of the page e.g. Features and Overview etc.  */
.product-detail-aux {
	float:left;
	text-align:right;
	width:738px;
	margin-bottom:10px;
}
/* The Grey box you see on youpark.com that has rounded edges and grey fill right below the heading */
#product-detail-box {
	width:738px;
	float:left;
	height:auto;
	margin-top:10px;
	margin-bottom:0px;
	background:url(../images/pd-detail-bg.gif) repeat-y;
}
/* The Grey box you see on youpark.com that has rounded edges and grey fill above the footer */
#product-detail-box2 {
	width:738px;
	float:left;
	height:auto;
	margin-top:10px;
	margin-bottom:0px;
	background:url(../images/pd-detail-bg.gif) repeat-y;
}
/* The Grey box top  */
.product-detail-box-top {
	width:738px;
	height:4px;
	float:left;
	background:url(../images/pd-detail-top.gif) no-repeat;
	margin:0px;
	padding:0px;
}
/* The Grey box background also contains every action related to product */
.product-detail-box-bg {
	width:738px;
	float:left;
	background:url(../images/pd-detail-bg.gif) repeat-y;
	padding:10px;
	margin:0px;
}
/* This is just a container div */
.product-detail-box-bottom {
	width:738px;
	height:4px;
	float:left;
	background:url(../images/pd-detail-bot.gif) no-repeat;
	margin-bottom:10px;
}
/* main div that has detialed features description such as features, specs. compatiable devices etc.  */
.product-detail-sub {
	width:738px;
	float:left;
	margin-top:10px;
	padding:0px;
	margin-bottom:10px;
}
/* sub heading titles such as about, features, specs. compatiable devices etc. */
.product-detail-sub-heading {
	width:100px;
	float:left;
	font-size:12px;
	font-weight:bold;
	margin-right:10px;
	height:auto;
}
/* normal text such as about, features, specs. compatiable devices etc. */
.product-detail-normal-text {
	float:left;
	width:618px;
	height:auto;
}
/* Use with span to display compatiable manufacturer name  */
.compatiable-manufacturer-name {
	margin-bottom: auto;
	font-size:12px;
	float:left;
	height:auto;
}
/* number of downloads big blue background */
.no-of-downloads {
	float:left;
	border:1px solid #0da9ff;
	width:200px;
	padding:10px;
	margin-right:15px;
	font-size:14px;
	font-weight:bold;
}
.no-of-downloads2 {
	float:left;
	width:200px;
	padding:10px;
	margin-right:15px;
}
/* Free trial */
.get-free-trial {
	float:left;
	width:200px;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	margin-right:15px;
}
/* User review links  */
.user-reviews-link {
	float:left;
	width:200px;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	margin-right:15px;
}
/* Price */
.product-detail-price {
	float:left;
	width:200px;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	margin-right:15px;
	margin-bottom:10px;
}
/* Tell a friend */
.tell-a-friend-link {
	float:left;
	width:200px;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	margin-right:15px;
}
/* Add to cart button */
.product-detail-cart-button {
	float:left;
	width:210px;
	padding:5px;
}
/* Screen shots */
.product-screenshots {
	width:718px;
	float:left;
	padding:10px;
}
/* screenshots images */
.product-screenshots img {
	width:171px;
	height:168px;
	float:left;
	margin-right:50px;
}
/* product detials and specs */
.product-detail-specs {
	width:718px;
	height:auto;
	font-weight:bold;
	font-size:12px;
	margin-top:5px;
	margin-bottom:10px;
}
/* product detials and specs heading*/
.product-detail-specs-head {
	width:100px;
	height:auto;
	font-weight:bold;
	font-size:12px;
	float:left;
	margin-bottom:10px;
}
/* Back to top is a link that link to a named anchor to allow us to jump to the top of page */
.product-detail-specs-detail {
	width:230px;
	height:auto;
	margin-left:9px;
	float:left;
	margin-bottom:10px;
}
/* Back to top is a link that link to a named anchor to allow us to jump to the top of page */
.back-to-top {
	float:right;
	text-align:right;
	padding:10px;
}
/* back to top image or top arrow bullet */
.back-to-top img {
	margin:-2px 2px 0px 0px;
}
/* --------------------------- */
/* --------------------------- */
/*    View Cart Page 		   */
/* --------------------------- */
/* --------------------------- */
/* View Cart main container div */
.view-cart-main {
	float:left;
	width:998px;
	height:auto;
}
/* View Cart heading to page title along with the buttons and stuff */
#view-cart-header {
	float:left;
	width:906px;
	height:auto;
	margin-bottom:10px;
}
/* View Cart heading only */
.view-cart-heading {
	float:left;
	width:100%;
	height:auto;
	margin-top:10px;
	font-size:18px;
	font-weight:bold;
}
/* View Cart continue shopping button */
.view-cart-continue-shopping {
	float:left;
	margin-top:10px;
	margin-right:20px;
}
/* View Cart checkout button */
.view-cart-checkout {
	float:left;
	margin-top:10px;
}
/* Starting headings for cart page */

/* Softwares heading */
#view-cart-software-heading {
	float:left;
	width:423px;
	background-color:#efefef;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	border-right:1px solid #FFFFFF;
}
/* Price heading */
#view-cart-price-heading {
	float:left;
	width:131px;
	background-color:#efefef;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	border-right:1px solid #FFFFFF;
}
/* Quantity heading */
#view-cart-qty-heading {
	float:left;
	width:131px;
	background-color:#efefef;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	border-right:1px solid #FFFFFF;
}
/* Remove heading */
#view-cart-remove-heading {
	float:left;
	width:131px;
	background-color:#efefef;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	border-right:1px solid #FFFFFF;
}
/* Software titles that are in the cart are contained in it */
.view-cart-software {
	float:left;
	width:300px;
}
/* Price of software titles that are in the cart are contained in it */
.view-cart-price {
	float:left;
	width:131px;
	padding:10px;
	border-top:1px solid #CCCCCC;
	font-size:12px;
	font-weight:bold;
}
/* Quantity of software titles that are in the cart are contained in it */
.view-cart-qty {
	float:left;
	width:131px;
	padding:10px;
	border-top:1px solid #CCCCCC;
	font-size:12px;
	font-weight:bold;
}
/* Remove link software titles that are in the cart are contained in it */
.view-cart-remove {
	float:left;
	width:131px;
	padding:10px;
	border-top:1px solid #CCCCCC;
	font-size:12px;
	font-weight:bold;
}
/* Software titles thumbnails that are in the cart are contained in it */
.view-cart-software-thumb {
	width:70px;
	height:85px;
	float:left;
	margin-right:10px;
}
/* Software titles thumbnail image dimentions that are in the cart are contained in it */
.view-cart-software-thumb img {
	width:70px;
	height:85px;
	border:1px solid #CCCCCC;
}
/* Name of the product */
.view-cart-software-title {
	width:220px;
	float:left;
	font-weight:bold;
}
/* compatiable devices */
.view-cart-software-compatiable {
	width:220px;
	float:left;
	padding-top:10px;
}
/* Developer name */
.view-cart-software-developer {
	width:220px;
	float:left;
	padding-top:10px;
}
/* currency */
.view-cart-currency {
	float:left;
	width:250px;
	padding:10px;
	border-right:1px solid #FFFFFF;
	color: #0066FF;
}
/* compatiable devices */
.view-cart-totalprice {
	float:left;
	width:121px;
	padding:10px;
	font-size:12px;
	border:1px solid #0da9ff;
	height:15px;
	margin-top:4px;
	margin-bottom: 4px;
	margin-left: 10px;
}
.view-cart-totalprice-vat {
	float:left;
	width:121px;
	padding:10px;
	font-size:12px;
	border:1px solid #cccccc;
	height:15px;
	margin-top:4px;
	margin-bottom: 4px;
	margin-left: 10px;
}
/* Div that has terms, security etc. */
.view-cart-aux {
	float:left;
	width:640px;
	border-right:1px solid #FFFFFF;
	margin-top:10px;
	padding-top:10px;
	padding-left:10px;
	margin-bottom:10px;
}
.view-cart-ext-box{
	border:1px #999999 solid;
	background-color:#EFEFEF;
	margin:5px;
	float:left;
	padding:10px;
	width: 25%;
}
.view-cart-ext-box2{
	border:1px #999999 solid;
	background-color:#EFEFEF;
	margin:0px 5px;
	float:left;
	padding:10px;
	width: 25%;
}
.view-cart-ext-box #help{cursor:pointer;}
.view-cart-ext{
	margin:5px;
	float:left;
	padding:10px;
	width: 67%;
}
.view-cart-ext div{
	width: 95%;
	padding:5px;
	float: left;
}
.view-cart-ext strong{display:block; float:left; width:200px;}
.view-cart-ext strong span{
color:#FF0000;
}
.view-cart-ext-agree{ border:1px #0da9ff solid; float:left; width:100%;}
.view-cart-ext-agree span{
	display: inline;
	width:100%;
	margin-top:10px;
	font-weight: bold;
}
.view-cart-ext-info { color:#0091e0; font-style:italic; font-weight:bold; padding:10px;}

/* --------------------------- */
/* --------------------------- */
/*	 	 My Account Pages  	   */
/* --------------------------- */
/* --------------------------- */
/* Most asked questions or FAQs */
.most-asked-questions {
	border:1px solid #CCCCCC;
	float:left;
	margin-top:10px;
}
/* Most asked questions titles */
.most-asked-questions h1 {
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
	margin-top:10px;
}
/* Most asked questions unordered list */
.most-asked-questions ul {
	padding:0px;
	list-style:inside square;
	margin-left:10px;
	margin-bottom:10px;
	display:block;
}
/* Most asked questions list items */
.most-asked-questions li {
	padding:5px;
	list-style:inside square;
	margin:0px;
}
/* --------------------------- */
/* My account welcome message */
.my-account-welcome-message {
	font-size:18px;
	font-weight:bold;
	width:400px;
	float:left;
	margin-top:10px;
}
/* my account logout link */
.my-account-logout-message {
	width:290px;
	text-align:right;
	float:left;
	margin-top:10px;
	padding-top:5px;
}
/* --------------------------- */

#my-account-main {
	width:690px;
	float:left;
}
.my-account-heading {
	font-size:14px;
	height:33px;
	padding-top:20px;
	padding-left:10px;
	font-weight:bold;
	background:url(../images/bg_myaccount_title.png) no-repeat;
	margin-top:10px;
	width: 97.5%;
	float: left;
}
.my-account-heading span {
	font-size:12px;
	margin-left:50%;
}
.my-account-heading select {
	border: #CDCDCD 1px solid;
	color: #5F5F5F;
	vertical-align: middle;
	width:115px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:10px;
	margin-right:5px;
}
.my-account-heading input {
	border: #CDCDCD 1px solid;
	color: #000000;
	background-image:url(../images/mw-graybutton-bg.gif);
	background-repeat:repeat-x;
	font-size:11px;
	height:18px;
	width:30px;
}
/* --------------------------- */
			
/* My purchases */
/* My purchases headings */
#my-account-page-header {
	margin-top:10px;
	float:left;
	padding-left:10px;
	width:680px;
}
.my-purchases-ordernumber-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:100px;
}
.my-purchases-site-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:200px;
}
.my-purchases-date-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:100px;
}
.my-purchases-time-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:100px;
}
.my-purchases-price-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:100px;
}
.my-purchases-details-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:80px;
}
/* My purchases data */
.my-account-page-row {
	margin-top:10px;
	float:left;
	padding-left:10px;
	border-top:1px solid #CCCCCC;
	width:680px;
}
.my-purchases-ordernumber {
	float:left;
	width:100px;
	padding-top:10px;
}
.my-purchases-site {
	float:left;
	width:190px;
	padding-top:10px;
	padding-right:10px;
}
.my-purchases-date {
	float:left;
	width:100px;
	padding-top:10px;
}
.my-purchases-time {
	float:left;
	width:100px;
	padding-top:10px;
}
.my-purchases-price {
	float:left;
	width:100px;
	padding-top:10px;
}
.my-purchases-details {
	float:left;
	width:80px;
	padding-top:10px;
}
/* --------------------------- */
			
/* My trials */
/* My trials headings */
#my-trials-page-header {
	margin-top:10px;
	float:left;
	padding-left:10px;
	width:680px;
}
.my-trials-softwaretitle-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:300px;
}
.my-trials-date-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:100px;
}
.my-trials-time-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:100px;
}
.my-trials-downloads-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:150px;
}
/* My trials data */
.my-trials-page-row {
	margin-top:10px;
	float:left;
	padding-left:10px;
	width:680px;
	border-top:1px solid #CCCCCC;
}
.my-trials-softwaretitle {
	float:left;
	width:290px;
	padding-top:10px;
	padding-right:10px;
}
.my-trials-date {
	float:left;
	width:100px;
	padding-top:10px;
}
.my-trials-time {
	float:left;
	width:100px;
	padding-top:10px;
}
.my-trials-downloads {
	float:left;
	width:150px;
	padding-top:10px;
}
/* Number of Pages (div that has the page jump option for jumping between pages) */
#my-account-page-jump {
	margin-top:10px;
	float:left;
	padding-left:10px;
	width:670px;
	border-top:1px solid #CCCCCC;
	padding:10px;
	background-color:#EFEFEF;
}
/* --------------------------- */

/* My Free Downloads */
/* My Free Downloads Headings */
#my-freedownloads-page-header {
	margin-top:10px;
	float:left;
	padding-left:10px;
	width:680px;
}
.my-freedownloads-softwaretitle-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:300px;
}
.my-freedownloads-date-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:100px;
}
.my-freedownloads-time-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:100px;
}
.my-freedownloads-downloads-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:150px;
}
.my-freedownloads-page-row {
	margin-top:10px;
	float:left;
	padding-left:10px;
	width:680px;
	border-top:1px solid #CCCCCC;
}
.my-freedownloads-softwaretitle {
	float:left;
	width:290px;
	padding-top:10px;
	padding-right:10px;
}
.my-freedownloads-date {
	float:left;
	width:100px;
	padding-top:10px;
}
.my-freedownloads-time {
	float:left;
	width:100px;
	padding-top:10px;
}
.my-freedownloads-downloads {
	float:left;
	width:150px;
	padding-top:10px;
}
/* --------------------------- */

/* This is a youpark only feature */
/* My Facebook Prize */
/* My Facebook Prize Headings */

#my-facebook-page-header {
	margin-top:10px;
	float:left;
	padding-left:10px;
	width:680px;
}
.my-facebook-softwaretitle-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:300px;
}
.my-facebook-login-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:200px;
}
.my-facebook-downloads-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:150px;
}
.my-facebook-page-row {
	float:left;
	margin-top:10px;
	padding-left:10px;
	width:680px;
	border-top:1px solid #CCCCCC;
	display:block;
}
.my-facebook-softwaretitle {
	float:left;
	width:290px;
	padding-top:10px;
	padding-right:10px;
}
.my-facebook-login {
	float:left;
	width:200px;
	padding-top:10px;
}
.my-facebook-downloads {
	float:left;
	width:150px;
	padding-top:10px;
}
/* --------------------------- */

/* My Devices */
/* My Devices Headings */

#my-devices-page-header {
	margin-top:10px;
	float:left;
	padding-left:10px;
	width:680px;
}
.my-devices-model-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:300px;
}
.my-devices-deviceidentifier-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:200px;
}
.my-devices-edit-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:100px;
}
.my-devices-delete-heading {
	color:#0da9ff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:50px;
}
/* My Devices data */

.my-devices-page-row {
	float:left;
	margin-top:10px;
	padding-left:10px;
	width:680px;
	border-top:1px solid #CCCCCC;
	display:block;
}
.my-devices-model {
	float:left;
	width:290px;
	padding-top:10px;
	padding-right:10px;
}
.my-devices-deviceidentifier {
	float:left;
	width:200px;
	padding-top:10px;
}
.my-devices-edit {
	float:left;
	width:100px;
	padding-top:10px;
}
.my-devices-delete {
	float:left;
	width:50px;
	padding-top:10px;
}
/* --------------------------- */
/* buttons right below the heading area should appear in this div */
#myaccount {
}
#my-account-aux-btns {
	margin-top:10px;
	float:right;
	text-align:right;
	width: 100%;
}
#my-account-aux-btns img {
	padding-right:10px;
}
/* --------------------------- */

/* My Profile */
/* My Profile Headings */
.my-profile-account-heading {
	color:#0da9ff;
	font-size:14px;
	font-weight:bold;
	float:left;
	width:680px;
	border-bottom:1px solid #CCCCCC;
	margin-top:10px;
	padding-left:10px;
	padding-bottom:10px;
}
.my-profile-contact-heading {
	color:#0da9ff;
	font-size:14px;
	font-weight:bold;
	float:left;
	width:200px;
}
.my-profile-mobile-heading {
	color:#0da9ff;
	font-size:14px;
	font-weight:bold;
	float:left;
	width:100px;
}
/* My profile data */

.my-profile-page-row {
	float:left;
	margin-top:10px;
	padding-left:10px;
	width:680px;
	border-top:1px solid #CCCCCC;
	display:block;
}
.my-profile-left {
	font-weight:bold;
	float:left;
	width:200px;
	padding-top:10px;
	padding-right:10px;
	margin-right:10px;
	text-align:right;
}
.my-profile-left span {
	color:#FF0000;
	font-weight:bold;
}
.my-profile-right {
	float:left;
	width:300px;
	padding-top:10px;
}
/* --------------------------- */

/* My ewallet */
/* My ewallet Headings */

.my-ewallet-account-heading {
	color:#0da9ff;
	font-size:14px;
	font-weight:bold;
	float:left;
	width:680px;
	border-bottom:1px solid #CCCCCC;
	margin-top:20px;
	padding-left:10px;
	padding-bottom:10px;
}
/* My ewallet data */

.my-ewallet-page-row {
	float:left;
	margin-top:10px;
	padding-left:10px;
	width:680px;
	border-top:1px solid #CCCCCC;
	display:block;
}
.my-ewallet-left {
	font-weight:bold;
	float:left;
	width:200px;
	padding-top:10px;
	padding-right:10px;
	margin-right:10px;
	text-align:right;
}
.my-ewallet-left span {
	color:#FF0000;
	font-weight:bold;
}
.my-ewallet-right {
	float:left;
	width:300px;
	padding-top:10px;
}
/* --------------------------- */

/* My Newsletter Preferences */
/* My Newsletter Preferences Headings */

.my-newsletter-account-heading {
	color:#0da9ff;
	font-size:14px;
	font-weight:bold;
	float:left;
	width:680px;
	border-bottom:1px solid #CCCCCC;
	margin-top:20px;
	padding-left:10px;
	padding-bottom:10px;
}
/* My ewallet data */

.my-newsletter-page-row {
	float:left;
	margin-top:10px;
	padding-left:10px;
	width:680px;
	border-top:1px solid #CCCCCC;
	display:block;
}
.my-newsletter-left {
	font-weight:bold;
	float:left;
	width:50px;
	padding-top:10px;
	margin-right:10px;
	text-align:right;
}
.my-newsletter-left span {
	color:#FF0000;
	font-weight:bold;
}
.my-newsletter-right {
	float:left;
	width:630px;
	padding-top:15px;
	margin-left:20px;
}
/* ----------View Devices---------- */

#device-column {
	float:left;
	width:650px;
}
#device-column h1 {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;
}
#device-column span {
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}
#device-selection-box {
	width:100%;
	float:left;
	background-image: url(../images/devices-bg.png);
	height: 53px;
	background-repeat: no-repeat;
	margin-top: 10px;
}
#device-selection-dropdowns {
	width:455px;
	top:5px;
	position:relative;
	color:#666666;
	left: 30px;
}
#device-selection-dropdowns select {
	width:185px;
	font-size:11px;
	margin-right:10px;
	border: #CDCDCD 1px solid;
	color: #5F5F5F;
}
/* device selection fields */
#device-selection-dropdowns input {
	border: #CDCDCD 1px solid;
	color: #000000;
	background-image:url(../images/mw-graybutton-bg.gif);
	background-repeat:repeat-x;
	font-size:11px;
	width:50px;
}
#device-selection-dropdowns strong {
	display:block;
	width:185px;
	margin-right:12px;
	float:left;
	color:#099CCE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.devie-thumbnail {
	width:120px;
	height:150px;
	float:left;
	background: url(../images/device-bg.png) no-repeat;
	display:block;
	padding-left:7px;
	padding-top:15px;
	margin-right: 3px;
	margin-bottom: 20px;
}
.devie-thumbnail img {
	clear:both;
	padding-left:10px;
	margin-top:0px;
}
.device-name {
	font-size:9px;
	text-decoration:none;
	height:12px;
	float:left;
	clear:both;
}
.device-screen-size {
	font-size:9px;
	text-decoration:none;
	height:15px;
	float:left;
	clear:both;
}
.device-side {
	width: 200px;
	display: block;
	margin-top: 155px;
	height: 600px;
	float: left;
	text-align: left;
	margin-left: 9px;
}
* html .device-side {
	/*margin-left:10px -3px;
	ma\rgin-left: 0;*/
	margin-left:10px;
	height:1%;
}
.device-side ul {
	width: 192px;
	float:left;
	list-style: none;
	list-style-position: inside;
	list-style-type: disc;
	clear:both;
	padding-bottom: 10px;
}
.device-side ul li.alt1 {
	list-style: none;
	list-style-position: inside;
	list-style-type: disc;
	padding-left:10px;
	width: 192px;
	float:left;
	display: block;
	/*margin-bottom:1px #FFFFFF solid;*/
	border-bottom:1px #FFFFFF solid;
	background-color: #f5f5f5;
}
.device-side ul li.alt2 {
	list-style: none;
	list-style-position: inside;
	list-style-type: disc;
	padding-left:10px;
	width: 192px;
	float:left;
	display: block;
	/*margin-bottom:1px #FFFFFF solid;*/
	border-bottom:1px #FFFFFF solid;
	background-color:#e9e9e9;
	height: 16px;
}
.device-side-most-selected {
	width: 192px;
	float:left;
	color:#FFFFFF;
	background-color:#FEB433;
	height: 20px;
	font-weight: bold;
	padding-left: 10px;
}
/* --------View Devices Ends-------- */
.delivery-side{
	width:47%;
	float:left;
}
.delivery-side select{ width:100%;margin:5px;}
.delivery-side .input{ width:100%;margin:5px;}
.delivery-wrap{
	width:630px;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}
.delivery-heading {
	font-size:14px;
	float:left;
	width:98%;
	padding:5px;
	margin-bottom: 10px;
	font-weight: bold;
}
.delivery-radio-buttons {
	width:26%;
	float:left;
}
.delivery-step2 {
	float:left;
	width: 100%;
	text-align: right;
}
.delivery-right-div {
	float: left;
	margin-left: 30%;
}
.delivery-right-div2 {
	float: right;
	text-align:right;
	margin-right: 30px;
}
/*---------------------/*
/* -------------------------------- */
/* --- for Customer Support page -- */
/* -------------------------------- */

#side-column h1 {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	padding: 0px;
}
#side-column h3 {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	padding: 0px;
	clear: both;
}
#side-column h3 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
}
.cs-heading {
	width:660px;
	float:left;
}
.cs-img-icon {
	width:40px;
	height:40px;
	float:left;
}
.cs-box {
	border:1px solid #CCCCCC;
	background:url(../images/gradiant-square-rep.png);
	background-repeat:repeat-x;
	width:640px;
	height:70px;
	padding:20px;
	margin:20px 0px 20px 0px;
	float:left;
}
.cs-box-content {
	width:600px;
	float:left;
}
.cs-box-content-h3 {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	padding-bottom: 20px;
	clear: both;
}
.cs-download-left {
	float:left;
	width:100px;
	padding-right:10px;
	margin-right:10px;
	text-align:left;
	color: #FE8F00;
	font-size: 13px;
	font-weight: bold;
}
.cs-download-left span {
	color:#ff6600;
	font-weight:bold;
}
.cs-download-right {
	float:left;
	width:500px;
	text-align:left;
	margin-bottom: 10px;
}
.cs-download-right textarea {
	width:480px;
	height:100px;
}
.cs-download-right input {
	width:480px;
}
.cs-download-right .input {
	width:40px;
}
cs.download-click-here {
	width:540px;
	border:1px solid #666666;
	margin-bottom:10px;
	padding: 10px;
	font-size:14px;
}
/*-----------------------------------*/

.thick-blue-border {
	float:left;
	width:99%;
	text-align:left;
	height:auto;
	border-top:none;
	border-right:9px solid #00a6ee;
	border-bottom:9px solid #00a6ee;
	border-left:9px solid #00a6ee;
	margin-bottom: 30px;
}
.signin {
	float:left;
	width:328px;
	margin-top:30px;
	margin-left:30px;
}
.signin p {
	text-align:justify;
	padding-top:10px;
}
.signin label {
	display:block;
	width:100px;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	color:#FE8F00;
	float:left;
	font-size:13px;
	font-weight:bold;
	margin-right:10px;
	padding-right:10px;
	text-align:left;
}
.signin input {
	border:1px solid #5195BB;
	color:#5F5F5F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:17px;
	vertical-align:middle;
	margin-top:5px;
	margin-bottom:5px;
}
.signin h2 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:18px
}
.signin span {
	display:block;
	width:178px;
	float:left;
}
.signin-checkbox {
	border:none;
	margin-top:5px;
	margin-bottom:5px;
}
.vertical-divider {
	width:1px;
	height:250px;
	float:left;
	background:#CCCCCC;
	margin-top:30px;
	margin-left: 50px;
	margin-right: 30px;
	margin-bottom: 20px;
}
.signin .align-center {
	text-align:center;
}
.signup {
	width:60%;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}
.signup h1 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:18px
}
.signup select {
	width:300px;
}
.signup input {
	width:300px;
}
.signup .field {
	margin-top:5px;
	margin-bottom:5px;
	width:40%;
	float:left;
	color:#FE8F00;
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
}
.signup .field span {
	color:#FF0000;
}
.signup .field2 label input {
	width: auto;
}
.signup .field2 {
	margin-top:5px;
	margin-bottom:5px;
	width:60%;
	float:left;
	margin-bottom:5px;
}
.signup .align-center {
	text-align:center;
	margin-bottom:20px;
	margin-top:20px;
}
/*-------- Main Search ----------*/
.mainsearch {
	width:570px;
	float:left;
	padding-bottom:5px;
}
.mainsearch-left {
	width:10px;
	float:left;
	background:url(../images/d/search-left.jpg) no-repeat;
}
.mainsearch-rep {
	width:472px;
	height:35px;
	float:left;
	background:url(../images/d/search-rep.jpg) repeat-x;
	vertical-align:middle;
}
.mainsearch-button {
	width:88px;
	float:right;
}
.mainsearch-input {
	font-size:18px;
	height:30px;
	color:#5F5F5F;
	width:472px;
	background:none;
	border: none;
	vertical-align:bottom;
	padding:5px 0 0 0;
}
.main-expsearch {
	width:565px;
	float:right;
	padding-bottom:5px;
	text-align:right;
	padding-right:5px;
}
/* -------------------------------- */

/* -------------------------------- */
/* --- for Trial Download page -- */
/* -------------------------------- */
#single-column .heading {
	float:left;
	width:900px;
	margin-bottom:10px;
}
#single-column h1 {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:0px;
	padding: 0px;
}
#single-column h3 {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#00ABF3;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	padding: 0px 0px 0px 10px;
}
.dnl-trial-box {
	width:750px;
	float:none;
	margin:0px auto 0px auto;
	padding:0px;
	margin-bottom: 10px;
}
.dnl-trial-box-top {
	width:750px;
	height:10px;
	background:url(../images/dnl-trial-top.png);
	background-repeat:no-repeat;
	float:left;
	margin:0px;
	padding:0px;
}
.dnl-trial-box-bg {
	width:710px;
	background:url(../images/dnl-trial-bg.png);
	background-repeat: repeat-y;
	float:left;
	margin:0px;
	padding:10px 20px 10px 20px;
}
.dnl-trial-box-bot {
	width:750px;
	height:10px;
	background:url(../images/dnl-trial-bot.png);
	background-repeat:no-repeat;
	float:left;
	margin:0px;
	padding:0px;
	clear: both;
}
* html .dnl-trial-box-top {
	margin-bottom:-4px;
}
.dnl-trial-leftside {
	width:334px;
	float:left;
	margin:0px;
	padding-right:20px;
}
.dnl-trial-leftside-heading {
	color:#FF6600;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bolder;
	text-decoration:none;
	clear:both;
	padding-bottom: 20px;
}
.dnl-trial-left {
	float:left;
	width:100px;
	padding-right:10px;
	margin-right:10px;
	text-align:left;
	color: #000000;
}
.dnl-trial-right {
	float:left;
	width:200px;
	text-align:left;
	margin-bottom: 10px;
}
.dnl-trial-right input {
	width:210px;
}
.dnl-trial-leftside-forgetpasw {
	float:right;
	text-decoration:none;
	padding-bottom: 10px;
}
.dnl-trial-leftside-desc {
	float:left;
	width:334px;
	text-decoration:none;
	padding-bottom: 10px;
}
.dnl-trial-rightside {
	width:334px;
	float:left;
	margin:0px;
	padding-left:20px;
	border-left:1px solid #CCCCCC;
}
/* -------------------------------- */

/* -------------------------------- */
/* --- for Download Login page --- */
/* -------------------------------- */

.dnllogin-box {
	width:95%;
	float:left;
	margin:0px auto 20px auto;
	padding:20px;
	border:1px solid #0da9ff;
}
.dnllogin-box2 {
	width:66%;
	float:left;
	margin:0px auto 20px auto;
	padding:20px;
	border:1px solid #0da9ff;
}
.dnllogin-box-heading {
	font-size:14px;
	font-weight:bold;
	float:left;
	margin-bottom: 10px;
	width: 100%;
}
.dnllogin-box-desc {
	float:left;
	width:100%;
	margin-bottom: 10px;
}
.dnllogin-box-heading2 {
	border-bottom-color:#EFECE7;
	border-bottom-style:none;
	color:#00ABF3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	width:670px;
	float:left;
}
.dnllogin-box-heading3 {
	border-bottom-color:#EFECE7;
	border-bottom-style:none;
	color:#00ABF3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	width:92%;
	float:left;
}
.dnllogin-box-image {
	float:left;
	width:30px;
	margin-top: 3px;
}
.average-rating {
	float:left;
	width:85%;
}
.user-review {
	float:left;
	width:100%;
}
.review-form {
	width:80%;
	float:left;
	margin-bottom:20px;
}
.review-form strong {
	display:block;
	clear:both;
	float:left;
	margin-bottom:10px;
}
.review-form label {
	margin-left:90px;
	margin-top:10px;
}
.review-form label span {
	color:#FF0000;
	margin-bottom:0px;
}
/* -------------------------------- */

/* -------------------------------- */
/* --- for About page --- */
/* -------------------------------- */

.panelboxabout {
	background:url(../images/box-aboutus.png) no-repeat;
	height:38px;
	margin:0px;
}
.aboutus-heading {
	color:#000000;
	font-size:20px;
	font-weight:bold;
	margin:10px 0px 5px 0px;
	float:left;
}
.aboutus-desc {
	float:left;
	width:700px;
	margin:10px 0px 10px 0px;
	text-align:justify;
}
.success {
	color: green;
	font-weight: bold;
}
.success-new{
	font-size:11px;
	color: green;
	font-weight: bold;
}
.error {
	color: #FF0000;
}
.error-new{
	font-size:11px;
	color: #FF0000;
}
.panelbox-similar-top {
	height:35px;
	background:url(../images/box-similar.png) no-repeat top;
}
.product-detail-item-discount {
	width:100%;
	float:left;
	text-align: left;
	color:#FF0000;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	font-size:12px;
	text-decoration: line-through;
}
.page-links {
 width:45%;
 text-align:right;
 float:left;
}
.page-total {
 width:29%;
 text-align:center;
 float:left;
}
.success {
 color: green;
 font-weight: bold;
}
.error {
 color: #FF0000;
}
.panelbox-similar-top {height:35px;background:url(../images/box-similar.png) no-repeat top;
}
.product-detail-item-discount {
 width:100%;
 float:left;
 text-align: left;
 color:#FF0000;
 font-weight:bold;
 padding:5px 0px 5px 0px;
 font-size:12px;
 text-decoration: line-through;
}
.ota-icon{ cursor:help; float:left;}

/*--                  */

.installation-guide {
	width:100%;
	float:left;
	margin-top:10px;
	padding:0px;
	margin-bottom:10px;
}
.installation-guide img {
	width:auto;
	height:auto;
	margin-left:250px;
}
.installation-guide span {
	margin-left:10px;
}
.offer{
	float:left;
	width:178px;
	height:16px;
	padding:5px;
	background:url(../images/offer.gif);
	background-repeat:no-repeat;
	text-align: center;
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}
.offer2{
	float:left;
	width:284px;
	height:16px;
	padding:5px;
	background:url(../images/offer2.gif);
	background-repeat:no-repeat;
	text-align: center;
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	display:none;
}


.txt-h2-p109 {
	width:670px; height:auto;
	float:left;
	padding:10px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 15px;
	font-weight: bold;
}

.txt-h3-p109 {
	width:670px; height:auto;
	float:left;
	padding:12px 0px 8px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#ff9900;
	font-size: 14px;
	font-weight: bold;
}

.txt-h4-p109 {
	width:665px; height:auto;
	float:left;
	padding:5px 0px 8px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 12px;
	font-weight: normal;
}

.thanx-order-p109-new {
	padding-top: 30px;
	width: 700px;
	float: left;
	margin-left: 10px;
	margin-bottom: 15px;
	clear: both;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 22px;
	font-weight: bold;
}

.askimei{ margin-bottom:-6px;}
.no-product-found{
	margin-bottom:20px;
	color: red;
 	font-weight: bold;
	}
	
/*****************  Tell a friend  ****************/
#tellafriend {
	width:738px;
	float:none;
	height:auto;
	margin:0 auto;
}
#tellafriend-box {
	width:738px;
	float:left;
	height:auto;
	margin-top:10px;
	margin-bottom:0px;
	background:url(../images/pd-detail-bg.gif) repeat-y;
}
/* Product heading text i.e. the black text used for heading on youpark.com */
.tellafriend-mainheading {
	margin:10px 0px 10px 0px;
	font-size:18px;
	font-weight:bold;
}
/* The Grey box top  */
.tellafriend-box-top {
	width:738px;
	height:4px;
	float:left;
	background:url(../images/pd-detail-top.gif) no-repeat;
	margin:0px;
	padding:0px;
}
/* The Grey box background also contains every action related to product */
.tellafriend-box-bg {
	width:718px;
	float:left;
	background:url(../images/pd-detail-bg.gif) repeat-y;
	padding:10px;
	margin:0px;
}
/* This is just a container div */
.tellafriend-box-bottom {
	width:738px;
	height:4px;
	float:left;
	background:url(../images/pd-detail-bot.gif) no-repeat;
	margin-bottom:10px;
}
/* The white box top  */
.tellafriend-box-top2 {
	width:738px;
	height:4px;
	float:left;
	background: url(../images/tellafriend-images/tellafriend-box-top.gif) no-repeat;
	margin:0px;
	padding:0px;
}
/* The white box background also contains every action related to product */
.tellafriend-box-bg2 {
	width:718px;
	float:left;
	background: url(../images/tellafriend-images/tellafriend-box-bg.gif) repeat-y;
	padding:10px;
	margin:0px;
}
.tellafriend-box-bg2 img {
	float:left;
}

.tellafriend-box-bottom2 {
	width:738px;
	height:4px;
	float:left;
	background: url(../images/tellafriend-images/tellafriend-box-bot.gif) no-repeat;
	margin-bottom:10px;
}
/* Product thumbnail image dimentions */
.tellafriend-thumb {
	width:10%;
	height:85px;
	float:left;
}
.tellafriend-box-bg img {
	float:left;
}
/* Product heading text i.e. the black text used for heading on youpark.com */
.tellafriend-heading {
	margin:0px 0px 5px 0px;
	font-size:14px;
	font-weight:bold;
	float:left;
}
/* User review and stars are contained in this div  */
.tellafriend-rating {
	float:left;
	padding:0px 10px 10px 0px;
}
.tellafriend-rating-text {
	float:left;
	padding:5px 10px 0px 0px;
}

.tellafriend-box-content {
	float:left;
	width:88%;
	padding-left: 10px;
}
.tellafriend-price {
	margin:5px 0px 5px 0px;
	font-size:14px;
	font-weight:bold;
	float:left;
}
.tellafriend-formarea {
	float:left;
	padding:10px 0px 10px 0px;
}
.tellafriend-formarea-left {
	float:left;
	width:90px;
	padding-right:10px;
	margin-right:10px;
	text-align:left;
	font-weight: bold;
}
.tellafriend-formarea span {
	font-weight:bold;
	font-size: 13px;
}
.tellafriend-formarea-right {
	float:left;
	width:500px;
	text-align:left;
	margin-bottom: 10px;
}
.tellafriend-formarea-right textarea {
	width:480px;
	height:100px;
}
.tellafriend-formarea-right input {
	width:480px;
}
.tellafriend-formarea-right .input {
	width:40px;
}
.tellafriend-formarea-click-here {
	width:540px;
	border:1px solid #666666;
	margin-bottom:10px;
	padding: 10px;
	font-size:14px;
}
.tellafriend-formarea-right img {
	float:left;
	margin-right: 10px;
}